Safari: Element.scrollIntoView overscrolls chat section in Responsive-Design #525
Description
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.
Activity
issackjohn commentedon Aug 26, 2025
Safari:
Edge:
rniwa commentedon Sep 8, 2025
cc @smfr
smfr commentedon Sep 8, 2025
Filed as https://bugs.webkit.org/show_bug.cgi?id=298554
How can this content be accessed?
issackjohn commentedon Oct 7, 2025
@smfr I have a hosted version: https://neon-gumdrop-d49b03.netlify.app/?developerMode=&suites=Responsive-Design
issackjohn commentedon May 8, 2026
@smfr I took a look at the bug linked above. Has this been fixed?
smfr commentedon May 12, 2026
I believe so. Try testing in Safari Tech Preview 242 or later (though I believe it was fixed earlier).
issackjohn commentedon Jun 1, 2026
Nice. Thanks! Could not repro on Safari Tech Preview 244.
Keep Responsive-Design content visibility wait live
Keep Responsive-Design content visibility wait live
Keep Responsive-Design content visibility wait live (#51)