LayoutShiftAttribution

The LayoutShiftAttribution interface of the Layout Instability API provides debugging information about elements which have shifted.

Properties

LayoutShiftAttribution.Node
Returns the element that has shifted (null if it has been removed).
LayoutShiftAttribution.previousRect
Returns a DOMRect representing the position of the element before the shift.
LayoutShiftAttribution.currentRect
Returns a DOMRect representing the position of the element after the shift.

Specifications

Specification Status Comment
Layout Instability API
The definition of 'LayoutShiftAttribution' in that specification.
Editor's Draft Initial definition.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
LayoutShiftAttribution
Experimental
Chrome Full support 77Edge Full support 80Firefox No support NoIE No support NoOpera Full support YesSafari No support NoWebView Android Full support 77Chrome Android Full support 77Firefox Android No support NoOpera Android Full support YesSafari iOS No support NoSamsung Internet Android Full support 12.0
currentRect
Experimental
Chrome Full support 77Edge Full support 80Firefox No support NoIE No support NoOpera Full support YesSafari No support NoWebView Android Full support 77Chrome Android Full support 77Firefox Android No support NoOpera Android Full support YesSafari iOS No support NoSamsung Internet Android Full support 12.0
node
Experimental
Chrome Full support 77Edge Full support 80Firefox No support NoIE No support NoOpera Full support YesSafari No support NoWebView Android Full support 77Chrome Android Full support 77Firefox Android No support NoOpera Android Full support YesSafari iOS No support NoSamsung Internet Android Full support 12.0
previousRect
Experimental
Chrome Full support 77Edge Full support 80Firefox No support NoIE No support NoOpera Full support YesSafari No support NoWebView Android Full support 77Chrome Android Full support 77Firefox Android No support NoOpera Android Full support YesSafari iOS No support NoSamsung Internet Android Full support 12.0
toJSON
Experimental
Chrome Full support 77Edge Full support 80Firefox No support NoIE No support NoOpera Full support YesSafari No support NoWebView Android Full support 77Chrome Android Full support 77Firefox Android No support NoOpera Android Full support YesSafari iOS No support NoSamsung Internet Android Full support 12.0

Legend

Full support  
Full support
No support  
No support
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.