Hamburger menu (overlay menu) not working on specific IOS versions

[saginpj]

Quick summary

Recently, I encountered some findings where users reported that their hamburger menu is not working on their iPhones. Upon further investigation, I was able to reproduce the same issues on my test site as well. The problem seems to be prevalent on certain iPhone versions, particularly the iPhone 13 with Safari browser and iPhone 12 Pro Max.

The tests conducted so far yielded the following results:

iPhone 13 iOS 15 - Not Working
iPhone 12 iOS 14 - Not Working
iPhone 11 iOS 13 - Not Working
iPhone 15 iOS 17 - Working
iPhone 15 iOS 17.3 - Working
iPhone 15 iOS 17.2 - Working
iPhone 14 iOS 16 - Working
iPhone 14 Pro iOS 16 - Not Working
iPhone 14 Plus iOS 16 - Not Working
iPhone 15 Pro iOS 17 - Working
iPhone 15 Pro Max iOS 17 - Working

The key point here is that the issue exists on specific devices, and we were able to replicate it on real devices as well as using Browserstack. Additionally, the problem started occurring recently. Users mentioned that the menu was functioning fine one or two weeks ago, but now it's not.

Steps to reproduce

1. Install the Pendant theme from https://wordpress.com/theme/pendant.
2. Proceed to check the website on iOS devices and conduct testing using real IOS devices & Browserstack.
3. It's observed that the Hamburger menu is unresponsive, and clicking on it doesn't produce any action.

What you expected to happen

The Hamburger menu needs to function correctly.

What actually happened

The Hamburger menu is not working.

Impact

Some (< 50%)

Available workarounds?

No and the platform is unusable

Platform (Simple and/or Atomic)

No response

Logs or notes

No response

[saginpj]

7684087-zen (Pendant theme)

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 7684087-zen
• 7710701-zen
• 7735953-zen
• 8182116-zen
• 9241467-zen
• 9245456-zen

[cat-og]

📌 REPRODUCTION RESULTS

• Tested on Atomic – Replicated

📌 ACTIONS

• Triaged

[saginpj]

• 7710701-zen (Zoologist Theme)

[kelasante]

Another report in 7735953-zen.

Also, I was able to replicate on my iPhone with iOS 16.1.1. Updating to the latest version of iOS fixed the issue.

[kelasante]

Also, I forgot to mention that deactivating the Gutenberg plugin seemed to fix the issue on the old iOS version, and it works without having to update the device.

[mgozdis]

Similar as this bug report #87158

[ebinnion]

I'm triaging this now, and am not able to reproduce on https://garrettprettymancoaching.com. So, it seems like this has been resolved.

Can y'all confirm?

[mgozdis]

I can reproduce still on an ancient iPhone 6 with iOS/Safari 12.5.7. I don't think we necessarily need to support devices this old, but I am unsure what minimum version is supported. Seems like iOS 16 and later may work fine depending on the device.

[daria2303]

8182116-zd-a8c (Pixl theme)

[inaikem]

According to recent data, iOS 16 accounts for 15% of all iOS traffic, 30% of all mobile internet traffic, and 60% of all mobile internet traffic. This issue reflects ~3% of all Dotcom traffic and appears theme-specific. Removing Blocker priority.

• https://telemetrydeck.com/blog/ios-market-share-03-24/
• https://www.mobiloud.com/blog/what-percentage-of-internet-traffic-is-mobile

[renini]

Might not be related to this exact issue, but I still want to mention it here, I was trouble shooting an similar issue on iOS.
And in this specific case it had to do with some phone/users had the Reduce Motion setting enabled in the OS itself, which broke this specific menu. Again this might not be the case here..

Settings -> Accessibility -> Motion -> Reduce Motion

[Jaccuse]

Report on Simple site in 9241467-zen, user mentioned iPhone 13 iOS 16.2 and iPhone 8 iOS 15.4.1

[mdza8c]

Reported on iOS 16.1.1 / iPhone 12 - 9245456-zd-a8c