demo · v144
Non-scrollable Overscroll
Wheel-scroll inside the two boxes below. Both have overflow: hidden and content that fits. The left panel sets overscroll-behavior: contain — Chrome 144 stops scroll chaining even though there's nothing to scroll. The right panel chains to the body.
fitting · overscroll-behavior: contain
Tiny snippet of content. Try wheel-scrolling — body should NOT move in Chrome 144.
fitting · no overscroll-behavior
Same tiny content. Wheel here and the body scrolls (default).
mode: fit content · body scroll events: 0 · scrollY: 0
the CSS
.backdrop {
overflow: hidden;
overscroll-behavior: contain;
}
/* Chrome 144: contain applies even when there is nothing to scroll.
Previously, "no overflow" made overscroll-behavior a no-op. */