Intent to Prototype: Layout Instability Shifted Element Surfacing

75 views
Skip to first unread message

Steve Kobes

unread,
Mar 16, 2020, 9:17:47 PM3/16/20
to blin...@chromium.org

Contact emails

sko...@chromium.org


Explainer

https://github.com/WICG/layout-instability/blob/master/sources.md


Design doc/Spec

https://github.com/WICG/layout-instability/pull/32


Summary

Extends the LayoutShift interface with information about the specific DOM element(s) that experienced the shift.


Motivation

This will help developers understand the causes of high CLS scores.


Risks

Interoperability and Compatibility

No significant compat risk.  This feature adds a new attribute to an existing interface.


Edge: no signals

Firefox: no signals

Safari: no signals

Web / Framework developers: public support


Ergonomics

No perceived risks.


Activation

No perceived risks.


Debuggability

In addition to the API change, we intend to show shifted elements in the DevTools Performance timeline to assist lab debugging of CLS.


Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, Chrome OS, Android, and Android WebView)?

Yes.


Link to entry on the feature dashboard

No entry (small change).


Requesting approval to ship?

No

Mathias Bynens

unread,
Mar 16, 2020, 10:35:27 PM3/16/20
to Steve Kobes, blink-dev
Wonderful to see DevTools support being on your radar! Please do reach out (devtoo...@chromium.org) if we can help in any way.

--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAAjAU%3DaUR6suy56_9p-CGX2W1BUftT0MyghL7xOM473V4NdpLw%40mail.gmail.com.

Joe Medley

unread,
Mar 17, 2020, 11:34:54 AM3/17/20
to Mathias Bynens, Steve Kobes, blink-dev
Steve,

Do you have a tracking bug for this?
Joe Medley | Technical Writer, Chrome DevRel | jme...@google.com | 816-678-7195
If an API's not documented it doesn't exist.


Steve Kobes

unread,
Mar 17, 2020, 11:41:05 AM3/17/20
to Joe Medley, Mathias Bynens, blink-dev
Hi Joe,

On Tue, 17 Mar 2020 at 11:34, Joe Medley <jme...@google.com> wrote:
Do you have a tracking bug for this?

The Chromium implementation is tracked in crbug.com/1053510.  There is also a WICG issue filed at github.com/WICG/layout-instability/issues/11.

Steve Kobes

unread,
Mar 17, 2020, 5:38:23 PM3/17/20
to Joe Medley, Mathias Bynens, blink-dev
Update: TAG review has been requested.
Reply all
Reply to author
Forward
0 new messages