browser-edge-cases

LinkedIn feeds use a nested scrollable div instead of the main window, so window-level scrolls do nothing. Detect the largest element with overflow scroll or auto, then dispatch scroll events at that container's center or call container.scrollBy() via JavaScript.

The target element is likely covered by a transparent overlay or the site uses React synthetic events that ignore CDP input. Verify with document.elementFromPoint at the element's center, then fall back to a JavaScript element.click() call.

Standard querySelector cannot reach elements inside a shadow root. Detect hosts by checking element.shadowRoot, then pierce the boundary with a selector like host >>> target or traverse shadowRoot chains in JavaScript.

Feeds with thousands of DOM nodes produce accessibility trees too large to serialize, causing hangs. Add a timeout parameter to the snapshot call, truncate the tree at around 2000 nodes, and fall back to a DOM-based snapshot.

SPAs use client-side routing, so wait_until load fires before content renders. Use wait_until networkidle or wait for a specific selector after navigation to ensure hydration has completed before interacting.

CDP events may not trigger React synthetic handlers, cross-origin redirects can break tracking, and stale browser contexts cause group ID errors. The SOP recommends JavaScript fallbacks, URL pattern matching, and restarting the browser session when state goes stale.