1856571 - Shadow DOM and display:none style keeps the same scrollTop among elements

Status: NEW

(Core :: Layout: Scrolling and Overflow, defect, P3)

Description

[jgreffe]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/117.0.0.0 Safari/537.36

Steps to reproduce:

MacOS M1 Ventura 13.6 + Firefox 118.0.1 (64-bit)

Here is a JSFiddle which states the current issue:
https://jsfiddle.net/jgreffe/d2b49k6u/

Actual results:

• scroll both blue & orange divs to bottom and click toggle
• in Chrome, Safari & Edge
  • green & red divs are still at the top: expected
• in Firefox:
  • green div is at the top: expected
  • red div is at the bottom: unexpected: red container should be at the top because we didn't specifically scroll into

Expected results:

• red div should be at the top

Comment 1

[Emilio Cobos Álvarez [:emilio]]

Hah, ironically I was just looking into a similar issue (bug 1856655), and I think my proposals in bug 1856673 / bug 1856674 would fix this.

Comment 2

[jgreffe]

Thanks for your quick answer!
Unfortunately for this case I didn't find any workaround :/

Comment 3

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:hiro, could you have a look please?

For more information, please visit BugBot documentation.

Comment 4

[Hiroyuki Ikezoe (:hiro)]

Setting P3:S3 since, even if there's no workaround, users can scroll by themselves.