New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 774758 link

Starred by 2 users

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

Tiles of webpage not aligning vertically

Reported by darren.l...@gmail.com, Oct 14 2017

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36

Steps to reproduce the problem:
1. Go to article on affected website (lifehacker.com; e.g., https://gear.lifehacker.com/a-ridiculous-number-of-ways-to-make-good-coffee-while-t-1819365133)
2. Scroll down
3. View broken text

What is the expected behavior?
Webpage should render without vertical offsets between tiles.

What went wrong?
There's some sort of vertical "tear" right in the middle of text. It will go away and come back while scrolling. Sometimes there is a short delay after stopping scrolling, and then it will appear.

Did this work before? N/A 

Chrome version: 61.0.3163.100  Channel: stable
OS Version: OS X 10.12.6
Flash Version:
 
gpu.html
52.5 KB View Download
Screen Shot 2017-10-14 at 1.01.05 PM.png
51.4 KB View Download
Labels: Needs-Triage-M61
Cc: vamshi.k...@techmahindra.com
Labels: Needs-Feedback Triaged-ET
Unable to reproduce the issue on the reported chrome version stable 61.0.3163.100 and on the latest canary 63.0.3239.0 on Mac 10.12.6 with the below mentioned steps.
1. Navigated to https://gear.lifehacker.com/a-ridiculous-number-of-ways-to-make-good-coffee-while-t-1819365133)
2.Scrolled down
3. Found the text in a normal way.

Attaching the screen shot of the same.
@Reporter: Could you please check the same on a new profile or in incognito mode. Any additional information from your end will be highly helpful for further triaging the issue.

Thanks!
774758img.png
23.7 KB View Download
Tried in incognito mode, and was able to reproduce. For what it's worth, it appears to be a race condition, because it shows up sometimes but not always. I had to scroll down for a bit and watch carefully in order to catch the bug. Sometimes it occurs slightly after stopping scroll, like 50-X00ms. So, you scroll, it's okay, and then after a slight delay the tiles move apart by a pixel.
Screen Shot 2017-10-17 at 12.16.15 AM.png
80.4 KB View Download
Project Member

Comment 4 by sheriffbot@chromium.org, Oct 16 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "vamshi.kommuri@techmahindra.com" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 5 by rsesek@chromium.org, Oct 16 2017

Components: -UI Blink>Fonts
Also, it's not just a Fonts issue. I managed to capture the problem cutting across an IMG, too. See attached.
Screen Shot 2017-10-17 at 12.36.10 AM.png
164 KB View Download
Sorry, that thing on the top is an "aside" element, and the bottom is an iframe.
Labels: Needs-Feedback
darren.lewis@ Thanks for the feedback.

Tested this issue again on Mac OS 10.12.6 and Windows 7 using the latest Canary 64.0.3241.0 and Stable 61.0.3163.100 and unable to reproduce the issue with the steps mentioned in comment #3.

Issue not observed in incognito mode as well.

Request you to please retry the issue on a new chrome profile without any flags/extensions and update the thread with the observations.

Thanks.. 
Still occurring on new profile with no extensions.
Screen Shot 2017-10-17 at 10.24.59 PM.png
85.8 KB View Download
Project Member

Comment 10 by sheriffbot@chromium.org, Oct 17 2017

Cc: susanjuniab@chromium.org
Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "susanjuniab@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 11 by e...@chromium.org, Oct 17 2017

Components: -Blink>Fonts Blink>Compositing
Looks like a compositor issue, over to compositing team.
BTW, I see the tile compositing issue on Quora, too.
Screen Shot 2017-10-18 at 5.46.01 PM.png
132 KB View Download
Components: -Blink>Compositing Internals>Compositing

Comment 14 by fsamuel@google.com, Oct 20 2017

Cc: ccameron@chromium.org
Owner: ericrk@chromium.org
Status: Assigned (was: Unconfirmed)
+ericrk@ Any thoughts on what the problem might be?
darren.lewis@, if possible, can you open dev-tools (cmd+option+i on mac), then select "more tools > rendering" from the overflow menu at the top (next to the X). This will open a rendering panel at the bottom of the screen. Please click/enable "Layer Borders" and attach a screenshot of the issue with "layer borders" enabled. Thanks for the help!

fsamuel@ - Interestingly, this is with SW compositing (GPU is disabled). I'll see if I can repro.
Screenshots with Layer Borders on. Just want to point out that this seems to be some sort of race condition with the tile rendering. It's difficult to capture and reproduce, and usually the tile misalignment will resolve on scroll (and sometimes mousedown).
Screen Shot 2017-11-01 at 11.37.48 PM.png
234 KB View Download
Screen Shot 2017-11-01 at 11.42.58 PM.png
326 KB View Download
Owner: ccameron@chromium.org
I don't have the bandwidth to investigate this right now. ccameron@, can you take this bug?

The issues are not tile aligned, so this could be an issue with IOSurface texture upload issue? Have you seen anything like this before?
When we turn on tiles, we disable all IOSurface overlay paths -- what we're seeing there is what is written to the GL texture.

Do you have hardware acceleration disabled? Could you go to about:gpu, print the result as a PDF, and attach it?

Sign in to add a comment