Twenty Twenty-One: primary-navigation's forEach not working on safari ipad ios9

[wishboneproductions]

In the Twenty Twenty-One theme, older safari browsers do not support nodelist for forEach they need an Array.

Theme: Twenty Twenty-One
script: twentytwentyone/assets/primary-navigation.js
browser: Safari (ipad iOS 9.3.5)

Problem:
el.closest( 'nav' ).querySelectorAll( '.sub-menu-toggle' ).forEach( function( button ) {

Solution:
Array.from(menu_dom.querySelectorAll( '.menu-wrapper > .menu-item-has-children' )).forEach( function( li ) {

Notes:
should be replaced a couple of times throughout the file

[hellofromTonya]

Hello @wishboneproductions,

Welcome to WordPress Core Trac! Thank you for the ticket.

Twenty Twenty-One theme does include a ​polyfill for both closest() and NodeList with forEach.

There was a problem with loading the polyfills as noted in #52098 which was fixed in v1.1. @wishboneproductions Are you using version 1.1 for the Twenty Twenty-One theme?

The code and changeset 49865 specifically reference IE11. However, if I'm reading the code correctly, the polyfills should apply for browsers that do not support closests() nor forEach for NodeList.

For reference, here's the support for Safari iOS:

• closest ​https://caniuse.com/element-closest
• forEach for NodeList ​https://caniuse.com/mdn-api_nodelist_foreach

Neither is supported for Safari iOS less than version 10.

For the proposed solution of using Array.from(), it is not supported many older browsers including IE 11 and early ​https://caniuse.com/mdn-javascript_builtins_array_from.

👉With all of that said, @wishboneproductions please confirm the theme version you're using. If on 1.0, does it resolve when upgrading to 1.1?

[wishboneproductions]

@hellofromTonya , thanks for looking in to this and pointing in the right direction. I`m sorry to submit this bug. Shame on me. I should have done some more research. While making a child-theme i didn't include the polyfill.

[hellofromTonya]

No worries @wishboneproductions. I'm glad including the polyfill resolves the issue for you.