Overscroll Behavior logical longhands

Category: CSS
Type: New or changed feature
Status: Enabled by default (Chrome 77)
Intent stage: Evaluate readiness to ship

Breaking change: No
Enterprise impact: None
Spec maturity: Working draft
Web Platform Tests: Yes

WPT details: https://wpt.fyi/results/css/css-overscroll-behavior/overscroll-behavior-logical.html

Summary

Adds CSS flow-relative properties for controlling overscroll behavior through logical dimensions. flow-relative properties are those that are interpreted relative to the flow of content. The new properties are overscroll-behavior-inline and overscroll-behavior-block.

Motivation

Standards & signals

Specification: https://drafts.csswg.org/css-overscroll-behavior-1/#overscroll-behavior-longhands-logical
Firefox: Positive
Safari: Positive
Web developers: No signals
Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=833953

Ecosystem

Web Platform Tests: https://wpt.fyi/results/?q=css%2Fcss-overscroll-behavior%2Foverscroll-behavior-logical
Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+Overscroll%20Behavior%20logical%20longhands
MDN Web Docs: https://developer.mozilla.org/en-US/search?q=Overscroll%20Behavior%20logical%20longhands
Baseline status: https://webstatus.dev/?q=Overscroll%20Behavior%20logical%20longhands

Docs: https://drafts.csswg.org/css-overscroll-behavior-1/#overscroll-behavior-longhands-logical

View on chromestatus.com