NO BUG: Menu disappears when clicking submenu item on iPhone

Browser: Safari on iPhone
OS: IOS
URL: https://platformforensischeseksuologie.nl/

Hi,

recently, probably since the latest Bricks update, when clicking the dropdown menu item (Over ons) on an iPhone, all menu items become invisible. When scrolling a little bit, it becomes visible again. This doesn’t happen on an Android phone or in the Safari browser on a pc/laptop.


Hi Richard,
Thanks so much for your report!

Unfortunately, I cannot reproduce the issue. As far as I can see, we haven’t changed anything in regards to the nestable nav element.

Can you reproduce the problem in a new/clean installation or when inserting a new nestable nav element (without any styling, only position static on the dropdown enabled)?

Best regards,
timmse

Thanks for looking into this. I had to add a 100vh to the height input of the Offcanvas item. Apparently a recent Safari update caused this, since previously it was working just fine.

Ok, thanks for pointing that out!

Hi,

I noticed the issue again where the text inside the offcanvas menu disappears when clicking on the submenu item “Over ons”. This time it occurs in Firefox on Android, while it doesn’t happen in Chrome.

The workaround I mentioned in my last reply, applying 100vh to the height input of the Offcanvas element, is currently still in place. When I remove this workaround, the issue also still reappears in Safari on iOS.

Could you please take a closer look when you get the chance? If you need the exported template to investigate further, just let me know how best to send it to you.

Thanks in advance!
Richard

Hi Richard,
Thanks for getting back!

Adding flex-wrap: nowrap to .offcanvas[data-direction] .brx-offcanvas-inner seems to fix the issue (Safari is such a diva :dancer: ). Can you try that, please?

image

Hi Timmse, that seems to have fixed it, thanks a lot!

Richard