NO BUG: Toggle Outside Nav (nestable) gives flickering

Browser: Chrome 110
OS: Windows/Chrome Android
URL: staging.dmxwinkel.nl
Video: Loom | Free Screen & Video Recording Software | Loom

I have the toggle for the new menu builder outside the nestable nav. When closing the mobile menu on mobile or desktop (responsive view) the screen flickers, and you see an empty scrollbar appear for a split second. Is this a known bug?

The bug is still present. Is it reproducible for you guys?

Hi Maurits,
Sorry for the late reply, welcome to the forum, and thanks so much for your report!

Unfortunately, I cannot reproduce the issue. Honestly, I also can not understand what you want to show us with the video :smiley:

However, I think the “flashing” you can see on the logo and icons is caused by the (default) white background color on .brxe-nav-nested.brx-open .brx-nav-nested-items. Can you set the background color of .brx-nav-nested-items on the desktop breakpoint to transparent and see if that makes a difference?

Best regards,
timmse

Thanks for the reply,

I tried your solution, but the flashing still occurs

Below you can see the bricks structure. I placed the toggle outside nav-items container. This works and I assigned the correct ID of the nav nestable.

btw: It didn’t flicker and flash a scrollbar when I placed the toggle within the nav nestable element.

the website https://staging.dmxwinkel.nl

Okay, I tried some more things, it only occurs when I close the mobile menu with the same button (x-mark) I opened the menu with. If I click outside the mobile menu container (not the button), the flickering doesn’t occurs.

I made some weird CSS changes, thanks for the tip about brxe-nav-nested.brx-open .brx-nav-nested-items.

I did some overwriting when the menu was open, that solved the flashing. But the scrollbar flashing still occurs (the client is happy, so am I).

You can mark this as “NO-BUG” I’m sorry, I’m still figuring out the New Menu Builder :slight_smile:

Hey,
I’m glad you found a solution!