NO BUG: Nestable mobile menu broken

Bugs
1

Browser: Chrome 110
OS: Windows.

Nestable mobile menu broken when apply “backdrop-filter” to fixed position header in Bricks 1.9.9.

2

Hi,
Please explain/show what you’re doing so I can replicate the issue. Also, please attach a live link. Thanks!

Best regards,
timmse

3

Hi timmes,

4

Thanks for the video!
This seems to be a common issue with backdrop-filter, especially if it’s on a nested container, see:

You can probably workaround this behavior by using this custom CSS, which seems to work at first glance:

%root% > * {
  position: relative;
}

%root%::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 25, 255, 0.4);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
}

Best regards,
timmse