fix(autoHeightBridge): clamp runaway heights, extend anomaly retries, and robustly collect measurement nodes

- add MAX_REASONABLE_HEIGHT (120000) and use it to sanitize oversized measurements
- increase anomaly retry window and retry before clamping; fallback to last known good height when available
- make element collection resilient when wrapper is missing (collect body/html appropriately)
- update README to document the sanity guard and media / ResizeObserver behavior

Author: mCodex

README.md

@@ -18,6 +18,7 @@ React Native WebView that auto-sizes to match its HTML content—whether you loa
 - 🚀 Modern pipeline powered by `ResizeObserver`, `MutationObserver`, `visualViewport`, and font-load events with graceful fallbacks.
 - 🖼 Media aware: images, iframes, and videos schedule immediate + next-frame re-measures as soon as they finish loading.
 - 🧼 Auto-prunes trailing `<br>`/empty `<p>` tags that CMS editors often append, eliminating phantom spacing.
+- 🛡️ Sanity guard clamps runaway heights and retries with the last good value, so flaky pages never lock your layout.
 - 🧵 Keeps the WebView scroll-disabled so outer `ScrollView`s and gesture handlers stay silky smooth.
 - 🎨 Transparent background by default; style the container however you like.
 - ⚙️ Friendly API with `minHeight`, `containerStyle`, and `onHeightChange` callbacks.
@@ -92,11 +93,13 @@ The example showcases:
 - Trailing `<br>` and empty `<p>` tags are stripped automatically so CMS exports don’t leave phantom padding.
 - Images, iframes, and videos reschedule measurements the moment they finish loading—perfect for hero images at the end of an article.
 - Wrapper rebuild + fallback timers keep measurements stable even if the remote page rewrites the entire DOM after load.
+- Measurements above safe bounds are retried and then clamped to the last known good height, protecting against broken markup or third-party scripts.
 
 ## 🧠 How It Works
 
 - Injected bridge re-parents all body children into a dedicated wrapper, trims trailing blanks, and observes DOM mutations, layout changes, font loads, and viewport shifts.
 - Media events (images / iframes / video) trigger immediate + next-frame samples so late assets still report accurate heights.
+- Media elements stay observed via `ResizeObserver` + decode promises, catching intrinsic size changes without duplicate network requests.
 - Height calculations are debounced via `requestAnimationFrame` and a short idle timer to prevent resize storms.
 - Measurements arrive through `postMessage`, then `useAutoHeight` coalesces them into a single render per frame.
 - Package exports the bridge, hook, and helpers individually, making it easy to build bespoke wrappers when needed.

src/constants/autoHeightBridge.ts

@@ -11,6 +11,7 @@ export const AUTO_HEIGHT_BRIDGE = `(() => {
   var IDLE_DEBOUNCE_MS = 160;
   var INITIAL_FALLBACK_MS = 600;
   var MAX_FALLBACK_MS = 4000;
+  var MAX_REASONABLE_HEIGHT = 120000;
 
   if (typeof window === 'undefined' || typeof document === 'undefined') {
     return;
@@ -274,16 +275,17 @@ export const AUTO_HEIGHT_BRIDGE = `(() => {
       );
     };
 
-    collect(wrapper);
-    if (body && body !== wrapper) {
-      collect(body);
-    }
-    if (html && html !== wrapper) {
-      collect(html);
+    if (wrapper) {
+      collect(wrapper);
+    } else {
+      if (body) {
+        collect(body);
+      }
+      if (html && html !== body) {
+        collect(html);
+      }
     }
 
-    values.push(window.innerHeight || 0);
-
     if (!values.length) {
       return 0;
     }
@@ -304,12 +306,19 @@ export const AUTO_HEIGHT_BRIDGE = `(() => {
       return;
     }
 
-    if (sanitized > 100000) {
+    if (sanitized > MAX_REASONABLE_HEIGHT) {
       state.anomalyCount += 1;
-      if (state.anomalyCount < 3) {
+
+      if (state.anomalyCount <= 5) {
         scheduleMeasure(true);
         return;
       }
+
+      if (state.lastHeight > 0 && state.lastHeight <= MAX_REASONABLE_HEIGHT) {
+        sanitized = state.lastHeight;
+      } else {
+        sanitized = MAX_REASONABLE_HEIGHT;
+      }
     } else {
       state.anomalyCount = 0;
     }