Safari: Element.scrollIntoView overscrolls chat section in Responsive-Design

[issackjohn]

Affected: Safari. Works as expected in Chrome/Firefox.

Repro:

Suite: Responsive-Design → step: “ScrollToChatAndSendMessages” In the Responsive-Design workload, programmatically call scrollIntoView on the chat area/anchor (inside shadow DOM). Safari scrolls far past the target (often down to the “Subscribe” section at the bottom)

You can repro this by stepping with the "Step Test" button in the developer menu.

Expected: Minimal scroll that brings the chat anchor into view (matches Chrome/Firefox and Safari DevTools’ “Scroll into view”). Actual: Overscroll

Impact: Safari end2end Tests time out waiting for a video-grid-content-visibility-complete event (emitted by the video-grid on content-visibility autostate change). The event never arrives.

[issackjohn]

Safari:

Edge:

[rniwa]

cc @smfr

[smfr]

Filed as https://bugs.webkit.org/show_bug.cgi?id=298554

How can this content be accessed?

[issackjohn]

@smfr I have a hosted version: https://neon-gumdrop-d49b03.netlify.app/?developerMode=&suites=Responsive-Design