From 4a6a3d0338affa7019044ea7d09e90c70e07d640 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Gomes?= <mail@sgomes.com>
Date: Wed, 9 Feb 2022 16:28:12 +0000
Subject: [PATCH 1/4] Twenty Sixteen: reimplement frontend JS w/o jQuery

---
 .../themes/twentysixteen/functions.php        |   4 +-
 .../themes/twentysixteen/js/functions.js      | 357 +++++++++++-------
 .../js/keyboard-image-navigation.js           |  30 +-
 3 files changed, 239 insertions(+), 152 deletions(-)

diff --git a/src/wp-content/themes/twentysixteen/functions.php b/src/wp-content/themes/twentysixteen/functions.php
index d098a1ebde927..6053fe6c03d22 100644
--- a/src/wp-content/themes/twentysixteen/functions.php
+++ b/src/wp-content/themes/twentysixteen/functions.php
@@ -412,10 +412,10 @@ function twentysixteen_scripts() {
 	}
 
 	if ( is_singular() && wp_attachment_is_image() ) {
-		wp_enqueue_script( 'twentysixteen-keyboard-image-navigation', get_template_directory_uri() . '/js/keyboard-image-navigation.js', array( 'jquery' ), '20170530' );
+		wp_enqueue_script( 'twentysixteen-keyboard-image-navigation', get_template_directory_uri() . '/js/keyboard-image-navigation.js', array(), '20220209', true );
 	}
 
-	wp_enqueue_script( 'twentysixteen-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery' ), '20211130', true );
+	wp_enqueue_script( 'twentysixteen-script', get_template_directory_uri() . '/js/functions.js', array(), '20220209', true );
 
 	wp_localize_script(
 		'twentysixteen-script',
diff --git a/src/wp-content/themes/twentysixteen/js/functions.js b/src/wp-content/themes/twentysixteen/js/functions.js
index 4c3b97d0329f7..57d640e1f585e 100644
--- a/src/wp-content/themes/twentysixteen/js/functions.js
+++ b/src/wp-content/themes/twentysixteen/js/functions.js
@@ -4,210 +4,293 @@
  *
  * Contains handlers for navigation and widget area.
  */
+ ( function () {
+	'use strict';
 
-( function( $ ) {
-	var body, masthead, menuToggle, siteNavigation, socialNavigation, siteHeaderMenu, resizeTimer;
+	var masthead, menuToggle, siteNavigation, socialNavigation, siteHeaderMenu, resizeTimer;
+
+	function matches( el, sel ) {
+		if ( Element.prototype.matches ) {
+			return el.matches( sel );
+		}
+
+		if ( Element.prototype.msMatchesSelector ) {
+			return el.msMatchesSelector( sel );
+		}
+	}
+
+	// Based on https://developer.mozilla.org/en-US/docs/Web/API/Element/closest#Polyfill
+	function closest( el, sel ) {
+		if ( el.closest ) {
+			return el.closest( sel );
+		}
+
+		var current = el;
+
+		do {
+			if ( matches( el, sel ) ) {
+				return current;
+			}
+			current = current.parentElement || current.parentNode;
+		} while ( current !== null && current.nodeType === 1 );
+
+		return null;
+	}
+
+	function forEachNode( parent, selector, fn ) {
+		var nodes = parent.querySelectorAll( selector );
+		for ( var i = 0; i < nodes.length; i++ ) {
+			fn( nodes[ i ] );
+		}
+	}
 
 	function initMainNavigation( container ) {
+		forEachNode( container, '.menu-item-has-children > a', function ( el ) {
+			// Add dropdown toggle that displays child menu items.
+			var dropdownToggle = document.createElement( 'button' );
+			dropdownToggle.className = 'dropdown-toggle';
+			dropdownToggle.setAttribute( 'aria-expanded', 'false' );
 
-		// Add dropdown toggle that displays child menu items.
-		var dropdownToggle = $( '<button />', {
-			'class': 'dropdown-toggle',
-			'aria-expanded': false
-		} ).append( $( '<span />', {
-			'class': 'screen-reader-text',
-			text: screenReaderText.expand
-		} ) );
+			var span = document.createElement( 'span' );
+			span.className = 'screen-reader-text';
+			span.textContent = screenReaderText.expand;
 
-		container.find( '.menu-item-has-children > a' ).after( dropdownToggle );
+			dropdownToggle.appendChild( span );
+
+			el.parentNode.insertBefore( dropdownToggle, el.nextSibling );
+		} );
 
 		// Toggle buttons and submenu items with active children menu items.
-		container.find( '.current-menu-ancestor > button' ).addClass( 'toggled-on' );
-		container.find( '.current-menu-ancestor > .sub-menu' ).addClass( 'toggled-on' );
+		forEachNode( container, '.current-menu-ancestor > button', function ( el ) {
+			el.classList.add( 'toggled-on' );
+		} );
+		forEachNode( container, '.current-menu-ancestor > .sub-menu', function ( el ) {
+			el.classList.add( 'toggled-on' );
+		} );
 
 		// Add menu items with submenus to aria-haspopup="true".
-		container.find( '.menu-item-has-children' ).attr( 'aria-haspopup', 'true' );
+		forEachNode( container, '.menu-item-has-children', function ( el ) {
+			el.setAttribute( 'aria-haspopup', 'true' );
+		} );
 
-		container.find( '.dropdown-toggle' ).on( 'click', function( e ) {
-			var _this            = $( this ),
-				screenReaderSpan = _this.find( '.screen-reader-text' );
+		forEachNode( container, '.dropdown-toggle', function ( el ) {
+			el.addEventListener( 'click', function ( e ) {
+				var screenReaderSpan = el.querySelector( '.screen-reader-text' );
 
-			e.preventDefault();
-			_this.toggleClass( 'toggled-on' );
-			_this.next( '.children, .sub-menu' ).toggleClass( 'toggled-on' );
+				e.preventDefault();
+				el.classList.toggle( 'toggled-on' );
+				var next = el.nextSibling;
+				if ( next && matches( next, '.children, .sub-menu' ) ) {
+					next.classList.toggle( 'toggled-on' );
+				}
 
-			// jscs:disable
-			_this.attr( 'aria-expanded', _this.attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );
-			// jscs:enable
-			screenReaderSpan.text( screenReaderSpan.text() === screenReaderText.expand ? screenReaderText.collapse : screenReaderText.expand );
+				el.setAttribute(
+					'aria-expanded',
+					el.getAttribute( 'aria-expanded' ) === 'false' ? 'true' : 'false'
+				);
+				screenReaderSpan.textContent =
+					screenReaderSpan.textContent === screenReaderText.expand
+						? screenReaderText.collapse
+						: screenReaderText.expand;
+			} );
 		} );
 	}
-	initMainNavigation( $( '.main-navigation' ) );
+	initMainNavigation( document.querySelector( '.main-navigation' ) );
 
-	masthead         = $( '#masthead' );
-	menuToggle       = masthead.find( '#menu-toggle' );
-	siteHeaderMenu   = masthead.find( '#site-header-menu' );
-	siteNavigation   = masthead.find( '#site-navigation' );
-	socialNavigation = masthead.find( '#social-navigation' );
+	masthead = document.querySelector( '#masthead' );
+	menuToggle = masthead && masthead.querySelector( '#menu-toggle' );
+	siteHeaderMenu = masthead && masthead.querySelector( '#site-header-menu' );
+	siteNavigation = masthead && masthead.querySelector( '#site-navigation' );
+	socialNavigation = masthead && masthead.querySelector( '#social-navigation' );
 
 	// Enable menuToggle.
-	( function() {
-
+	( function () {
 		// Return early if menuToggle is missing.
-		if ( ! menuToggle.length ) {
+		if ( ! menuToggle ) {
 			return;
 		}
 
+		var controls = [ menuToggle, siteNavigation, socialNavigation ].filter( Boolean );
+
 		// Add an initial values for the attribute.
-		menuToggle.add( siteNavigation ).add( socialNavigation ).attr( 'aria-expanded', 'false' );
+		controls.forEach( function ( el ) {
+			el.setAttribute( 'aria-expanded', 'false' );
+		} );
 
-		menuToggle.on( 'click.twentysixteen', function() {
-			$( this ).add( siteHeaderMenu ).toggleClass( 'toggled-on' );
+		menuToggle.addEventListener( 'click', function () {
+			menuToggle.classList.toggle( 'toggled-on' );
+			siteHeaderMenu.classList.toggle( 'toggled-on' );
 
-			// jscs:disable
-			$( this ).add( siteNavigation ).add( socialNavigation ).attr( 'aria-expanded', $( this ).add( siteNavigation ).add( socialNavigation ).attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );
-			// jscs:enable
+			var newVal = menuToggle.getAttribute( 'aria-expanded' ) === 'false' ? 'true' : 'false';
+			controls.forEach( function ( el ) {
+				el.setAttribute( 'aria-expanded', newVal );
+			} );
 		} );
 	} )();
 
 	// Fix sub-menus for touch devices and better focus for hidden submenu items for accessibility.
-	( function() {
-		if ( ! siteNavigation.length || ! siteNavigation.children().length ) {
+	( function () {
+		if ( ! siteNavigation || siteNavigation.children.length === 0 ) {
 			return;
 		}
 
-		// Toggle `focus` class to allow submenu access on tablets.
-		function toggleFocusClassTouchScreen() {
-			if ( window.innerWidth >= 910 ) {
-				$( document.body ).on( 'touchstart.twentysixteen', function( e ) {
-					if ( ! $( e.target ).closest( '.main-navigation li' ).length ) {
-						$( '.main-navigation li' ).removeClass( 'focus' );
+		// Init `focus` class to allow submenu access on tablets.
+		function initFocusClassTouchScreen() {
+			document.body.addEventListener( 'touchstart', function ( e ) {
+				if ( ! closest( e.target, '.main-navigation li' ) ) {
+					forEachNode( document, '.main-navigation li', function ( el ) {
+						el.classList.remove( 'focus' );
+					} );
+				}
+			} );
+			forEachNode( siteNavigation, '.menu-item-has-children > a', function ( link ) {
+				link.addEventListener( 'touchstart', function ( e ) {
+					if ( window.innerWidth >= 910 ) {
+						var el = link.parentElement;
+
+						if ( matches( el, 'li' ) && ! el.classList.contains( 'focus' ) ) {
+							e.preventDefault();
+							el.classList.toggle( 'focus' );
+							var children = el.parentElement.children;
+							for ( var i = 0; i < children.length; i++ ) {
+								if ( children[ i ] !== el ) {
+									children[ i ].classList.remove( 'focus' );
+								}
+							}
+						}
 					}
 				} );
-				siteNavigation.find( '.menu-item-has-children > a' ).on( 'touchstart.twentysixteen', function( e ) {
-					var el = $( this ).parent( 'li' );
+			} );
+		}
 
-					if ( ! el.hasClass( 'focus' ) ) {
-						e.preventDefault();
-						el.toggleClass( 'focus' );
-						el.siblings( '.focus' ).removeClass( 'focus' );
-					}
-				} );
-			} else {
-				siteNavigation.find( '.menu-item-has-children > a' ).unbind( 'touchstart.twentysixteen' );
+		function toggleFocus( el ) {
+			var item = closest( el, '.menu-item' );
+			if ( item ) {
+				item.classList.toggle( 'focus' );
 			}
 		}
 
 		if ( 'ontouchstart' in window ) {
-			$( window ).on( 'resize.twentysixteen', toggleFocusClassTouchScreen );
-			toggleFocusClassTouchScreen();
+			initFocusClassTouchScreen();
 		}
 
-		siteNavigation.find( 'a' ).on( 'focus.twentysixteen blur.twentysixteen', function() {
-			$( this ).parents( '.menu-item' ).toggleClass( 'focus' );
+		forEachNode( siteNavigation, 'a', function ( link ) {
+			link.addEventListener( 'focus', toggleFocus( link ) );
+			link.addEventListener( 'blur', toggleFocus( link ) );
 		} );
 	} )();
 
 	// Add the default ARIA attributes for the menu toggle and the navigations.
 	function onResizeARIA() {
 		if ( window.innerWidth < 910 ) {
-			if ( menuToggle.hasClass( 'toggled-on' ) ) {
-				menuToggle.attr( 'aria-expanded', 'true' );
+			if ( menuToggle && menuToggle.classList.contains( 'toggled-on' ) ) {
+				menuToggle.setAttribute( 'aria-expanded', 'true' );
 			} else {
-				menuToggle.attr( 'aria-expanded', 'false' );
+				menuToggle.setAttribute( 'aria-expanded', 'false' );
 			}
 
-			if ( siteHeaderMenu.hasClass( 'toggled-on' ) ) {
-				siteNavigation.attr( 'aria-expanded', 'true' );
-				socialNavigation.attr( 'aria-expanded', 'true' );
+			if ( siteHeaderMenu && siteHeaderMenu.classList.contains( 'toggled-on' ) ) {
+				siteNavigation && siteNavigation.setAttribute( 'aria-expanded', 'true' );
+				socialNavigation && socialNavigation.setAttribute( 'aria-expanded', 'true' );
 			} else {
-				siteNavigation.attr( 'aria-expanded', 'false' );
-				socialNavigation.attr( 'aria-expanded', 'false' );
+				siteNavigation && siteNavigation.setAttribute( 'aria-expanded', 'false' );
+				socialNavigation && socialNavigation.setAttribute( 'aria-expanded', 'false' );
 			}
 
-			menuToggle.attr( 'aria-controls', 'site-navigation social-navigation' );
+			menuToggle && menuToggle.setAttribute( 'aria-controls', 'site-navigation social-navigation' );
 		} else {
-			menuToggle.removeAttr( 'aria-expanded' );
-			siteNavigation.removeAttr( 'aria-expanded' );
-			socialNavigation.removeAttr( 'aria-expanded' );
-			menuToggle.removeAttr( 'aria-controls' );
+			menuToggle && menuToggle.removeAttribute( 'aria-expanded' );
+			siteNavigation && siteNavigation.removeAttribute( 'aria-expanded' );
+			socialNavigation && socialNavigation.removeAttribute( 'aria-expanded' );
+			menuToggle && menuToggle.removeAttribute( 'aria-controls' );
 		}
 	}
 
 	// Add 'below-entry-meta' class to elements.
-	function belowEntryMetaClass( param ) {
-		if ( body.hasClass( 'page' ) || body.hasClass( 'search' ) || body.hasClass( 'single-attachment' ) || body.hasClass( 'error404' ) ) {
+	function belowEntryMetaClass( selector ) {
+		if (
+			document.body.classList.contains( 'page' ) ||
+			document.body.classList.contains( 'search' ) ||
+			document.body.classList.contains( 'single-attachment' ) ||
+			document.body.classList.contains( 'error404' )
+		) {
 			return;
 		}
 
-		$( '.entry-content' ).find( param ).each( function() {
-			var element              = $( this ),
-				elementPos           = element.offset(),
-				elementPosTop        = elementPos.top,
-				entryFooter          = element.closest( 'article' ).find( '.entry-footer' ),
-				entryFooterPos       = entryFooter.offset(),
-				entryFooterPosBottom = entryFooterPos.top + ( entryFooter.height() + 28 ),
-				caption              = element.closest( 'figure' ),
-				figcaption           = element.next( 'figcaption' ),
-				newImg;
-
-			// Add 'below-entry-meta' to elements below the entry meta.
-			if ( elementPosTop > entryFooterPosBottom ) {
-
-				// Check if full-size images and captions are larger than or equal to 840px.
-				if ( 'img.size-full' === param || '.wp-block-image img' === param ) {
-
-					// Create an image to find native image width of resized images (i.e. max-width: 100%).
-					newImg = new Image();
-					newImg.src = element.attr( 'src' );
-
-					$( newImg ).on( 'load.twentysixteen', function() {
-						if ( newImg.width >= 840 ) {
-
-							// Check if an image in an image block has a width attribute; if its value is less than 840, return.
-							if ( '.wp-block-image img' === param && element.is( '[width]' ) && element.attr( 'width' ) < 840 ) {
-								return;
-							}
-
-							element.addClass( 'below-entry-meta' );
-
-							if ( caption.hasClass( 'wp-caption' ) ) {
-								caption.addClass( 'below-entry-meta' );
-								caption.removeAttr( 'style' );
+		forEachNode( document, '.entry-content', function ( content ) {
+			forEachNode( content, selector, function ( element ) {
+				var elementPosTop = element.getBoundingClientRect().top;
+				var article = closest( element, 'article' );
+				var entryFooter = article && article.querySelector( '.entry-footer' );
+				var entryFooterPosBottom = entryFooter
+					? entryFooter.getBoundingClientRect().top + entryFooter.offsetHeight + 28
+					: null;
+				var caption = closest( element, 'figure' );
+				var next = element.nextSibling;
+				var figcaption = next && matches( next, 'figcaption' ) ? next : null;
+				var newImg;
+
+				// Add 'below-entry-meta' to elements below the entry meta.
+				if ( entryFooterPosBottom !== null && elementPosTop > entryFooterPosBottom ) {
+					// Check if full-size images and captions are larger than or equal to 840px.
+					if ( selector === 'img.size-full' || selector === '.wp-block-image img' ) {
+						// Create an image to find native image width of resized images (i.e. max-width: 100%).
+						newImg = new Image();
+						newImg.src = element.getAttribute( 'src' );
+						newImg.onload = function () {
+							if ( newImg.width >= 840 ) {
+								// Check if an image in an image block has a width attribute; if its value is less than 840, return.
+								if (
+									selector === '.wp-block-image img' &&
+									element.hasAttribute( 'width' ) &&
+									element.getAttribute( 'width' ) < 840
+								) {
+									return;
+								}
+
+								element.classList.add( 'below-entry-meta' );
+
+								if ( caption && caption.classList.contains( 'wp-caption' ) ) {
+									caption.classList.add( 'below-entry-meta' );
+									caption.removeAttribute( 'style' );
+								}
+
+								if ( figcaption ) {
+									figcaption.classList.add( 'below-entry-meta' );
+								}
 							}
-
-							if ( figcaption ) {
-								figcaption.addClass( 'below-entry-meta' );
-							}
-						}
-					} );
+						};
+					} else {
+						element.classList.add( 'below-entry-meta' );
+					}
 				} else {
-					element.addClass( 'below-entry-meta' );
+					element.classList.remove( 'below-entry-meta' );
+					caption && caption.classList.remove( 'below-entry-meta' );
 				}
-			} else {
-				element.removeClass( 'below-entry-meta' );
-				caption.removeClass( 'below-entry-meta' );
-			}
+			} );
 		} );
 	}
 
-	$( function() {
-		body = $( document.body );
-
-		$( window )
-			.on( 'load.twentysixteen', onResizeARIA )
-			.on( 'resize.twentysixteen', function() {
-				clearTimeout( resizeTimer );
-				resizeTimer = setTimeout( function() {
-					belowEntryMetaClass( 'img.size-full' );
-					belowEntryMetaClass( 'blockquote.alignleft, blockquote.alignright' );
-					belowEntryMetaClass( '.wp-block-image img' );
-				}, 300 );
-				onResizeARIA();
-			} );
+	function init() {
+		window.addEventListener( 'load', onResizeARIA );
+		window.addEventListener( 'resize', function () {
+			clearTimeout( resizeTimer );
+			resizeTimer = setTimeout( function () {
+				belowEntryMetaClass( 'img.size-full' );
+				belowEntryMetaClass( 'blockquote.alignleft, blockquote.alignright' );
+				belowEntryMetaClass( '.wp-block-image img' );
+			}, 300 );
+			onResizeARIA();
+		} );
 
 		belowEntryMetaClass( 'img.size-full' );
 		belowEntryMetaClass( 'blockquote.alignleft, blockquote.alignright' );
 		belowEntryMetaClass( '.wp-block-image img' );
-	} );
-} )( jQuery );
+	}
+
+	if ( document.readyState === 'loading' ) {
+		document.addEventListener( 'DOMContentLoaded', init );
+	} else {
+		init();
+	}
+} )();
diff --git a/src/wp-content/themes/twentysixteen/js/keyboard-image-navigation.js b/src/wp-content/themes/twentysixteen/js/keyboard-image-navigation.js
index b10927c3be21e..c36fdea14e0d9 100644
--- a/src/wp-content/themes/twentysixteen/js/keyboard-image-navigation.js
+++ b/src/wp-content/themes/twentysixteen/js/keyboard-image-navigation.js
@@ -2,25 +2,29 @@
  * Twenty Sixteen keyboard support for image navigation.
  */
 
-( function( $ ) {
-	$( document ).on( 'keydown.twentysixteen', function( e ) {
-		var url = false;
+ ( function() {
+	'use strict';
 
-		// Left arrow key code.
-		if ( 37 === e.which ) {
-			url = $( '.nav-previous a' ).attr( 'href' );
+	document.addEventListener( 'keydown', function ( e ) {
+		var url = null;
+		var focusedTag;
+		var el;
 
-		// Right arrow key code.
-		} else if ( 39 === e.which ) {
-			url = $( '.nav-next a' ).attr( 'href' );
-
-		// Other key code.
+		if ( e.code === 'ArrowLeft' || e.keyCode === 37 ) {
+			el = document.querySelector( '.nav-previous a' );
+			url = el && el.getAttribute( 'href' );
+		} else if ( e.code === 'ArrowRight' || e.keyCode === 39 ) {
+			el = document.querySelector( '.nav-next a' );
+			url = el && el.getAttribute( 'href' );
 		} else {
 			return;
 		}
 
-		if ( url && ! $( 'textarea, input' ).is( ':focus' ) ) {
+		focusedTag =
+			document.activeElement && document.activeElement.tagName.toLowerCase();
+
+		if ( url && focusedTag !== 'textarea' && focusedTag !== 'input' ) {
 			window.location = url;
 		}
 	} );
-} )( jQuery );
+} )();

From 81aafea74c737fa705a0867897ff0f1262cb0ec5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Gomes?= <mail@sgomes.com>
Date: Wed, 9 Feb 2022 16:43:42 +0000
Subject: [PATCH 2/4] Fix lint errors

---
 src/wp-content/themes/twentysixteen/js/functions.js | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/wp-content/themes/twentysixteen/js/functions.js b/src/wp-content/themes/twentysixteen/js/functions.js
index 57d640e1f585e..1ff622db44583 100644
--- a/src/wp-content/themes/twentysixteen/js/functions.js
+++ b/src/wp-content/themes/twentysixteen/js/functions.js
@@ -89,9 +89,7 @@
 					el.getAttribute( 'aria-expanded' ) === 'false' ? 'true' : 'false'
 				);
 				screenReaderSpan.textContent =
-					screenReaderSpan.textContent === screenReaderText.expand
-						? screenReaderText.collapse
-						: screenReaderText.expand;
+					screenReaderSpan.textContent === screenReaderText.expand ? screenReaderText.collapse: screenReaderText.expand;
 			} );
 		} );
 	}
@@ -222,9 +220,8 @@
 				var elementPosTop = element.getBoundingClientRect().top;
 				var article = closest( element, 'article' );
 				var entryFooter = article && article.querySelector( '.entry-footer' );
-				var entryFooterPosBottom = entryFooter
-					? entryFooter.getBoundingClientRect().top + entryFooter.offsetHeight + 28
-					: null;
+				var entryFooterPosBottom =
+					entryFooter ? entryFooter.getBoundingClientRect().top + entryFooter.offsetHeight + 28	: null;
 				var caption = closest( element, 'figure' );
 				var next = element.nextSibling;
 				var figcaption = next && matches( next, 'figcaption' ) ? next : null;

From fed7f7c6a623b0c181f22b45a844ab7bfc1c0ab1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Gomes?= <mail@sgomes.com>
Date: Tue, 22 Feb 2022 14:49:47 +0000
Subject: [PATCH 3/4] Ensure container exists

---
 src/wp-content/themes/twentysixteen/js/functions.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/wp-content/themes/twentysixteen/js/functions.js b/src/wp-content/themes/twentysixteen/js/functions.js
index 1ff622db44583..37b6e43c49ac6 100644
--- a/src/wp-content/themes/twentysixteen/js/functions.js
+++ b/src/wp-content/themes/twentysixteen/js/functions.js
@@ -7,7 +7,7 @@
  ( function () {
 	'use strict';
 
-	var masthead, menuToggle, siteNavigation, socialNavigation, siteHeaderMenu, resizeTimer;
+	var mainNav, masthead, menuToggle, siteNavigation, socialNavigation, siteHeaderMenu, resizeTimer;
 
 	function matches( el, sel ) {
 		if ( Element.prototype.matches ) {
@@ -93,7 +93,11 @@
 			} );
 		} );
 	}
-	initMainNavigation( document.querySelector( '.main-navigation' ) );
+
+	mainNav = document.querySelector( '.main-navigation' );
+	if ( mainNav ) {
+		initMainNavigation( mainNav );
+	}
 
 	masthead = document.querySelector( '#masthead' );
 	menuToggle = masthead && masthead.querySelector( '#menu-toggle' );

From 32e6206182f87287274b4feb82ac085b0511e818 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Gomes?= <mail@sgomes.com>
Date: Tue, 22 Feb 2022 14:50:46 +0000
Subject: [PATCH 4/4] Simplify length check

---
 src/wp-content/themes/twentysixteen/js/functions.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/wp-content/themes/twentysixteen/js/functions.js b/src/wp-content/themes/twentysixteen/js/functions.js
index 37b6e43c49ac6..bc6e1e8129e06 100644
--- a/src/wp-content/themes/twentysixteen/js/functions.js
+++ b/src/wp-content/themes/twentysixteen/js/functions.js
@@ -132,7 +132,7 @@
 
 	// Fix sub-menus for touch devices and better focus for hidden submenu items for accessibility.
 	( function () {
-		if ( ! siteNavigation || siteNavigation.children.length === 0 ) {
+		if ( ! siteNavigation || ! siteNavigation.children.length ) {
 			return;
 		}