"overflow-y: overlay" is not supported in Firefox

[rururux]

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Values

overlay
Only supported in WebKit-based (e.g., Safari) and Blink-based (e.g., Chrome or Opera) browsers.

i'm using firefox, so i can't scroll down😢

[Anthony Fu]

Do you know any workaround?

[rururux]

It doesn't seem to be possible to do the same in Firefox, so how about use overflow: auto instead of overflow: overlay, or something like this:

:root {
  --overflow: overlay;
}

@supports not (overflow: overlay) {
  :root {
    --overflow: auto;
  }
}

.overflow-overlay {
  overflow: var(--overflow)
}

[Anthony Fu]

Thanks for the tips. Should be fixed now. And the code can actually be simpler 😉

.overflow-overlay {
  overflow: auto;
  overflow: overlay;
}

[rururux]

thank you! 😳