intersection

Thin wrappers around IntersectionObserver for observing element visibility, including a one-shot observeOnce helper.

Import: @rtorcato/browser-common/intersection

📖 MDN: Intersection Observer API · 📊 caniuse: intersectionobserver

Browser support

API	Chrome	Edge	Firefox	Safari	iOS Safari	Baseline
IntersectionObserver	✅ 51+	✅ 15+	✅ 55+	✅ 12.1+	✅ 12.2+	Widely available

✅ supported · ◐ partial · ❌ not supported · [n] see note. Generated from MDN browser-compat-data and web-features. caniuse: IntersectionObserver

Example

import { observeOnce, disconnectIntersectionObserver } from '@rtorcato/browser-common/intersection'

observeOnce(image, () => loadImage(image))

Exports

• observeIntersection(element, callback, options?) — creates an IntersectionObserver and observes element
• unobserveIntersection(observer, element) — stops observing element
• disconnectIntersectionObserver(observer) — disconnects the observer entirely
• observeOnce(element, callback, options?) — fires callback once on first intersection, then disconnects

See the API reference for full signatures.