Elements with overflow: hidden are scrollable
- Published at
- Updated at
- Reading time
Today I came across a release post on www.fxsitecompat.dev. The post included that
overflow: clip has been unprefixed in Firefox Nightly.
overflow: clip is similar to
overflow: hidden; both values define that overflowing content should not be visible. The difference between those is that
clip forces elements not to be scrollable, whereas elements with
overflow: hidden are still scroll containers.
The surprise for me is that elements with
overflow: hidden are still scrollable using
element.scroll(x, y). I could see this come in handy when there is an exceptional need for custom scroll behavior.
Reimplementing scroll-behavior most likely comes with many accessibility challenges, but hey... maybe there are good examples out there.