IntersectionObserver V2

Augment IntersectionObserver to report information about occlusion and visual effects. Currently, IntersectionObserver does not consider whether a target element has been painted over (“occluded”) by other content or whether any visual effects have been applied which may alter or obscure the element’s display. This change adds a boolean field to IntersectionObserverNotification, indicating whether the UA can guarantee that the target will be displayed unoccluded and without visual effects.

Demos

• https://szager-chromium.github.io/IntersectionObserver/demo/cashbomb/hidden/
• http://szager-chromium.github.io/IntersectionObserver/demo/svg/

Documentation

• https://groups.google.com/a/chromium.org/d/msg/blink-dev/tudxAHN9-AY/vz91o_aNDwAJ
• https://github.com/szager-chromium/IntersectionObserver/blob/v2/explainer.md

Specification

Public discussion

Status in Chromium

Blink components: Blink>Layout

Enabled by default (tracking bug) in:

• Chrome for desktop release 74
• Chrome for Android release 74
• Android WebView release 74

Consensus & Standardization

• Firefox: No signal
• Edge: No signal
• Safari: No signal
• Web Developers: Positive

Owner

• szager@chromium.org

Last updated on 2020-10-14