overlay scrollbar of an outer div flashes after changing the style of its inner div. |
||
Issue descriptionChrome Version: 58.0.3008.0 (Developer Build) (64-bit) OS: ChromeOS What steps will reproduce the problem? (1) Make sure overlay scrollbars are enabled. (2) Wait for the scrollbars to fade out, scroll on the purple div. (3) Watch the scrollbar of the outer div when the innerDiv.scrollTop is greater than 150. What is the expected result? The outer div scrollbar should be still invisible. What happens instead? It becomes visible after the style of the inner div changes.
,
May 13 2017
I think the scrollbar shows is the expected behavious here. Here is a better example for this issue. http://ht.chaopeng.me/div-fixed-relative.html Click the show button. You can see the outter div scrollbar show. Because at the beginning, the inner-div is fixed so outter-div is not scrollable. Click the button change inner-div to relative that makes outter-div to scrollable. In Safari, JS can not change CSS position. In Firefox, CSS position:fixed outter-div still scrollable.
,
May 15 2017
Ah, I see, the inner was position: fixed. In that case, it doesn't scroll with the outer div so outer div has no scrolling. Your demo in #2 shows it clearly when overlays are off. |
||
►
Sign in to add a comment |
||
Comment 1 by bokan@chromium.org
, Feb 9 2017Components: UI>Shell
Labels: Hotlist-Input-Dev
Owner: ----
Status: Available (was: Assigned)