← Back to release summary

Layout Instability Shifted Element Surfacing

Category

Performance

Type

New or changed feature

Status

Enabled by default (Chrome 84)

Intent stage

Shipped

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

WPT details: https://wpt.fyi/results/layout-instability (sources*.html)

Summary

Extends the layout instability API with information about specific DOM element(s) that experienced a shift.

Standards & signals

• Specification: https://wicg.github.io/layout-instability/
• Firefox: No signal
• Safari: No signal
• Web developers: Strongly positive — "Gaining access to at least some of the attribution of the shifts would be very useful for anyone that is using the API or reporting on something like CLS."
• Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1053510

Ecosystem

• Web Platform Tests: https://wpt.fyi/results/?q=layout-instability
• 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+Layout%20Instability%20Shifted%20Element%20Surfacing
• MDN Web Docs: https://developer.mozilla.org/en-US/search?q=Layout%20Instability%20Shifted%20Element%20Surfacing
• Baseline status: https://webstatus.dev/?q=Layout%20Instability%20Shifted%20Element%20Surfacing

Docs: https://github.com/WICG/layout-instability/blob/master/README.md#source-attribution

Explainers: https://github.com/WICG/layout-instability/blob/master/README.md#source-attribution

View on chromestatus.com