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

Behind a flag (tracking bug)

Consensus & Standardization

• Firefox: Mixed public signals
• Edge: No public signals
• Safari: No public signals
• Web Developers: Positive

Owner

• szager@chromium.org

Last updated on 2019-01-22