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
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.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
LayoutShiftAttribution | 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 | 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 | 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 | 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 | 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.