UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.167 Safari/537.36
Steps to reproduce the problem:
With many overflow: hidden elements on the page, actions such as changing styles or scrolling become slow due to slow "Update Layer Tree" operations.
1. Open attached test case layer-overflow.html.
2. Click "Render".
3. Record performance timeline, move mouse around grid or scroll the page.
4. Observe excessive "Update Layer Tree" times.
5. Click "Toggle overflow: hidden" to remove overflow: hidden.
6. Repeat steps 3 & 4.
7. Notice that Update Layer Tree is now 600x faster (0.14 ms vs. 85.77 ms).
What is the expected behavior?
Update Layer Tree time with overflow: hidden should be comparable to Update Layer Tree time with overflow: visible.
What went wrong?
Update Layer Tree time with overflow: hidden was 600x slower than Update Layer Tree time with overflow: visible.
Did this work before? N/A
Does this work in other browsers? N/A
Chrome version: 64.0.3282.167 Channel: stable
OS Version: 4.9.0-5-amd64
Flash Version:
|
Deleted:
layer-overflow.html
1.7 KB
|
|
Deleted:
update-layer-tree-overflow-visible.png
11.8 KB
|
|
update-layer-tree-overflow-visible.png
11.8 KB
View
Download
|
|
|
Deleted:
update-layer-tree-overflow-hidden.png
9.2 KB
|
Comment 1 by schenney@chromium.org
, Feb 26 2018Status: Duplicate (was: Unconfirmed)