overscroll-behavior currently has 3 values: none, auto, and contain. These values affect 2 independent effects: scroll propagation and local border effect (e.g. overscroll stretch). none: no propagation, no local effect auto: propagation, local effect contain: no propagation, local effect This feature tracks a new value to complete the set: chain: propagation, no local effect This is useful for effects like side menus implemented as scrollers. We want to bring the menu in and when it hits the edge it doesn't overscroll (stretch/translate). However, it would then allow scroll chaining to the ancestor. Initial proposal: https://github.com/w3c/csswg-drafts/issues/13370
This feature is useful for effects like side menus implemented as scrollers. We want to bring the menu in and when it hits the edge it doesn't overscroll (stretch/translate). However, it would then allow scroll chaining to the ancestor. There may be other effects that want to prevent overscroll effects but allow chaning
Explainers: https://github.com/vmpstr/htmldemos/blob/master/gestures/overscroll-behavior-chain.md