I am constructing a customized web site utilizing Angular, and bumped into an odd downside on Safari that I am unable to determine. I am utilizing a CSS breakpoint to show a typical cellular “hamburger” website menu. On Safari, after I faucet to open the menu, then choose a special web page, it appears that evidently all contact gestures on my website get disabled. I can now not open the menu once more, nor can I faucet on any of the interactive parts throughout all the website. This downside solely occurs on Safari on iOS – it doesn’t occur in Safari on desktop, it doesn’t occur within the Responsive Design Mode, it doesn’t occur on the iPhone simulator on desktop, and it doesn’t occur on every other browser on cellular or desktop apart from Safari, making it actually troublesome to debug the difficulty.
This is a hyperlink to the positioning:
www.everythinggood.studio
To recreate the difficulty:
- Launch the positioning on Safari on iOS
- Faucet on the smiley face icon within the upper-right nook, this opens the positioning menu.
- Faucet on “Work” or every other menu merchandise.
- Attempt to faucet once more on the smiley face to open the menu, or faucet on any of the initiatives within the Work part.
- Discover that faucet gestures have completely stopped working 🙁
- Nonetheless, for those who then double-tap wherever on the display screen, then faucet once more, contact gestures begin working once more.
Any thought what might be occurring right here, or learn how to even begin to debug this? Thanks.
