New issue
Advanced search Search tips

Issue 660542 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner: ----
Closed: Apr 2018
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Compat



Sign in to add a comment

DOM randomly flashes

Reported by g...@writerduet.com, Oct 28 2016

Issue description

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

Example URL:
https://WriterDuet.com/script#TRS8U_ASSWCPM5PJQQE

Steps to reproduce the problem:
1. Go to https://WriterDuet.com/script#TRS8U_ASSWCPM5PJQQE and make a free account (you can use a made up e-mail)
2. Scroll up and down the page repeatedly
3. You may see pieces of the page randomly disappearing or flickering, as in the attached video.

This does *not* seem to happen to everyone, but I'm the developer of the site and a user reported this with video evidence, then I was able to reproduce it on another test and record a screen capture video. It does *not* happen in an incognito window for me, but *did* happen in incognito for a user. I tried clearing all my site data and turning off all extensions, and it continued to reproduce.

What is the expected behavior?

What went wrong?
DOM flickering like crazy, seems like unrelated pieces of the page are all having trouble.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? N/A 

Did this work before? Yes Not sure, but 0 reports until recently, and I'd never seen it before

Does this work in other browsers? Yes

Chrome version: 54.0.2840.71  Channel: stable
OS Version: OS X 10.11.6
Flash Version: Shockwave Flash 23.0 r0

This is a super-urgent bug! It is being reported by writers of a Netflix show that is using my software, and they're going to either kill me or move away from Chrome if this persists.

Thanks!!!
 
ChromeFlashing.mov
5.8 MB Download

Comment 1 by g...@writerduet.com, Oct 28 2016

The bugs appears to be due to rendering problems with scrolling a div that contains a fixed position element. If I change the fixed position element (#scenes) to be absolute, it suddenly works perfectly again. I think it also requires large amount of content in the DOM and probably other factors, but I am pretty confident based on testing that all the redraw problems go away if I change #scenes position to absolute in the Developer Tools, then they immediately come back when I change it back to fixed position.

Comment 2 by g...@writerduet.com, Oct 28 2016

I tracked it down further - the bug only reproduces if the position:fixed element (#scenes) is *before* the DOM element with the huge amount of contenteditable text, #editor_content. If I put it directly after (still within the same wrapper), apparently that fixes the issue entirely.

So the bug is actually fixed on our site. If someone cares, I will talk them through and show them the issue, but I have a suspicion it would've been hard to reproduce even if I left the code there. I am quite confident it is some flawed algorithm in the Chrome rendering algorithm related to fixed position, and having large amounts of non-fixed data after it (in the same wrapper), since moving the fixed position div to *after* the large amounts of data solved it.
Owner: ccameron@chromium.org
Status: Assigned (was: Unconfirmed)
Glad to hear that you worked out the problem.

Assigning to ccameron@ in case he wants to follow up - we've had some flashing content issues on Mac recently, although this sounds like it might be related to layout. 

ccameron: Feel free to close if you don't want to follow up.

Comment 4 by g...@writerduet.com, Oct 31 2016

I have more info: it was not the order precisely that mattered, it was the z-index (which implicitly changed when I swapped the order). When I left the position:fixed element #scenes after (which fixed it initially) *but* changed #scenes z-index to smaller (so it was like it was before, when I filed this) the issue immediately came back. So the bug seems to have to do with z-index of position:fixed elements being *smaller* than some other content, presumably related to a huge number of DOM elements. It's really easy for me to reproduce on my computer, so if you set up a time, I will be happy to screen-share and you may be able to reproduce it on your computer as well. It's a pretty horrendous bug, since it makes the browser feel like it's breaking, as if there's an earthquake in your computer. ;-)
Components: Blink>CSS>3D Blink>Layout
Owner: ----
Status: Available (was: Assigned)
Moving to Layout/3D.

This is worked around for now.
For me, there is frequent flickering while I scroll the page.
Ubuntu 16.04, 
Google Chrome	54.0.2840.100 (Official Build) (64-bit)
Revision	ed651c97177b2ac846b27f62bb8efed6dac0f90b-refs/branch-heads/2840@{#833}
OS	Linux 
JavaScript	V8 5.4.500.41
Flash	23.0.0.207
User Agent	Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.100 Safari/537.36
Command Line	/usr/bin/google-chrome-stable --wm-user-time-ms=97146 --flag-switches-begin --enable-password-generation --flag-switches-end --disable_transparent_visuals --window-depth=24 --x11-visual-id=32
Executable Path	/opt/google/chrome/google-chrome

Comment 7 by suzyh@chromium.org, Mar 24 2017

Components: -Blink>CSS>CSS3D Blink>Compositing>Transform3D
Project Member

Comment 8 by sheriffbot@chromium.org, Apr 11 2018

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Status: WontFix (was: Untriaged)
Closing this due to the workaround and long time from filing.

If the issue in Comment #6 persists, please file a separate bug with specific content that fails.

Sign in to add a comment