Disable propagation of body style to viewport when contained

Category: CSS
Type: No developer-visible change
Status: Enabled by default (Chrome 96)
Intent stage: Shipped

Breaking change: No
Enterprise impact: None
Chromium flag: --enable-blink-features=CSSContainedBodyPropagation
Spec maturity: Published standard
Web Platform Tests: Yes

WPT details: https://wpt.fyi/results/css/css-contain The tests prefixed with contain-body-* and contain-html-*

Summary

Used contain values different from none on the root or body elements will disable propagation of CSS properties from body as per specification[1]. [1] https://drafts.csswg.org/css-contain-1/#c3

Standards & signals

Specification: http://drafts.csswg.org/css-contain-1/#c3
Firefox: Positive
Safari: Positive
Web developers: No signals
Tracking bug: https://crbug.com/1215265

Ecosystem

Web Platform Tests: https://wpt.fyi/results/?q=css%2Fcss-contain
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+Disable%20propagation%20of%20body%20style%20to%20viewport%20when%20contained
MDN Web Docs: https://developer.mozilla.org/en-US/search?q=Disable%20propagation%20of%20body%20style%20to%20viewport%20when%20contained
Baseline status: https://webstatus.dev/?q=Disable%20propagation%20of%20body%20style%20to%20viewport%20when%20contained

View on chromestatus.com