BestHub
search
Sign in
Tag

ResizeObserver

1 views collected around this technical thread.

Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 6, 2022 · Frontend Development

Detecting Dynamic Content Height for a “Show More” Button in React

This article explores several techniques—including MutationObserver, IntersectionObserver, ResizeObserver, onload listeners, and an iframe hack—to reliably detect when a rich‑text container with images exceeds a maximum height so a "show more" button can be displayed.

DOMIntersectionObserverMutationObserver
0 likes · 11 min read
Detecting Dynamic Content Height for a “Show More” Button in React
IT Services Circle
IT Services Circle
Feb 16, 2022 · Frontend Development

Using Browser Observer APIs: IntersectionObserver, MutationObserver, ResizeObserver, PerformanceObserver, and ReportingObserver

This article explains how to use the five browser Observer APIs—IntersectionObserver, MutationObserver, ResizeObserver, PerformanceObserver, and ReportingObserver—to monitor element visibility, attribute changes, size adjustments, performance metrics, and browser interventions, providing code examples and practical use cases.

IntersectionObserverMutationObserverPerformanceObserver
0 likes · 10 min read
Using Browser Observer APIs: IntersectionObserver, MutationObserver, ResizeObserver, PerformanceObserver, and ReportingObserver