Firefox currently has no support for backdrop-filter

Question

luigircruz opened this issue 3 years ago · comments

Expected Behavior

Blur effect on light theme sticky-nav when scrolling down from firefox

Hard to read nav menus overlapping the main contents when scrolling down the page.

You can apply 100% opacity to browsers that don't support it.

@supports not (backdrop-filter: none) {
  .sticky-nav {
    @apply bg-opacity-100;
  }
}