Web/API/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 APIThe definition of 'LayoutShiftAttribution' in that specification.	Editor's Draft	Initial definition.

Browser compatibility

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
LayoutShiftAttribution Experimental'	Chrome Full support 77	Edge Full support 80	Firefox No support No	IE No support No	Opera Full support Yes	Safari No support No	WebView Android Full support 77	Chrome Android Full support 77	Firefox Android No support No	Opera Android Full support Yes	Safari iOS No support No	Samsung Internet Android Full support 12.0
currentRect Experimental'	Chrome Full support 77	Edge Full support 80	Firefox No support No	IE No support No	Opera Full support Yes	Safari No support No	WebView Android Full support 77	Chrome Android Full support 77	Firefox Android No support No	Opera Android Full support Yes	Safari iOS No support No	Samsung Internet Android Full support 12.0
node Experimental'	Chrome Full support 77	Edge Full support 80	Firefox No support No	IE No support No	Opera Full support Yes	Safari No support No	WebView Android Full support 77	Chrome Android Full support 77	Firefox Android No support No	Opera Android Full support Yes	Safari iOS No support No	Samsung Internet Android Full support 12.0
previousRect Experimental'	Chrome Full support 77	Edge Full support 80	Firefox No support No	IE No support No	Opera Full support Yes	Safari No support No	WebView Android Full support 77	Chrome Android Full support 77	Firefox Android No support No	Opera Android Full support Yes	Safari iOS No support No	Samsung Internet Android Full support 12.0
toJSON Experimental'	Chrome Full support 77	Edge Full support 80	Firefox No support No	IE No support No	Opera Full support Yes	Safari No support No	WebView Android Full support 77	Chrome Android Full support 77	Firefox Android No support No	Opera Android Full support Yes	Safari iOS No support No	Samsung 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.

LayoutShiftAttribution by Mozilla Contributors is licensed under CC-BY-SA 2.5.