NO BUG: Nestable mobile menu broken

Bugs
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

1 Like