We’ve got a problem with iPhone XR and XS not liking the Interactions customizing the navbar’s opening action. On this site https://www.moai.net.nz/ these phones are not displaying the navigation list when the navbar slides out initially (according to the client; we can only test on Browserstack where everything is fine, or on lower versions of iPhone where it is also fine).
I have done some testing to track down the problem and built a very simple version of it.
https://navbar-testing.webflow.io/ This time the open navigation button (shown red below) does not appear in these phones. The nav button change is being controlled by an Interaction on the element wrapping the button images.
I thought the issue was z-index related but in the simple test case the nav button has a higher z-index so it should be coming through.
Can anybody take a look to see if I’m doing something wrong? Or is there some sort of bug involved?
Here is my site Read-Only for the live site: https://preview.webflow.com/preview/ministry-of-architecture-and-interiors?utm_medium=preview_link&utm_source=designer&utm_content=ministry-of-architecture-and-interiors&preview=275cc88c77982ca187606d1c4ead4e0b&mode=preview
Here is my site Read-Only for the simpler test site: https://preview.webflow.com/preview/navbar-testing?utm_medium=preview_link&utm_source=designer&utm_content=navbar-testing&preview=dacff756ef6755d9f6cc8f18303ef9d2&mode=preview