Ghosting/flickering page rendering double buffer issue
Reported by
ras...@mindplay.dk,
Oct 24 2017
|
||||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36 Steps to reproduce the problem: This bug is difficult to reproduce, as it is periodic, and I have not been able to spot any specific interaction pattern that triggers it. I've attached a screen recording of the issue happening. It appears to have something to do with double buffering - when dragging very slowly, each pixel movement causes a display update, and it looks to me as if these ghost images are on one of two buffers being swapped out with every display update, but I'm guessing. I've observed this bug on at least two different systems, so it's not a graphics/memory/hardware/driver issue. I've observed the bug so far in two projects - my own, which you can use to reproduce the issue: https://codepen.io/mindplay-dk/pen/qPKxPK?editors=0110 Reproducing the issue may take you a few minutes of randomly dragging the cropping rectangle around, resizing it, etc. - it usually occurs while dragging the cross-hair sprite in the middle of the image, but there is no clear pattern. I first encountered this bug while using a popular third-party cropping library, which exhibits the same rendering flaws periodically: https://fengyuanchen.github.io/cropperjs/ However, I have not been able to reproduce the issue on their demo page, only on pages where I've used it myself - I mention it only to let you know that other projects are affected by this, even if it occurs randomly, infrequently, and under certain conditions that I have been unable to pinpoint. It likely has something to do with layering divs and/or using a text-shadow in one of these layers. I'm sorry I can't be more specific, but you have my pen above, with which you should be able to reproduce the issue. What is the expected behavior? Not this :-) What went wrong? Please see attached screen recording, in which a div being dragged around leaves behind a flickering trace of ghost images. Did this work before? N/A Does this work in other browsers? Yes Chrome version: 61.0.3163.100 Channel: n/a OS Version: 10.0 Flash Version: Sorry if this is filed in the wrong category - I couldn't seem to find a category for anything this "low-level", my best guess is it may have something to do with compositing on the page.
,
Oct 24 2017
Unsure if this is directly related, but it might be - my coworker just encountered this while hovering over a div in Chrome dev-tools. The mangled orange box is dev-tools overlaying a div (I guess) to highlight the area covered by the element he's hovering over in the inspector. It's possible that the issue appears to be periodic because of the irregular pattern in the semi-transparent fill, portions of which look fine - both Cropper.js and my own script use semi-transparent fills. If you noticed in the screen recording I posted, the problem went away after moving the draggable rectangle upwards a bit, and returns after the draggable rectangle is moved back down, so it could be a matter of when it's intersecting with the irregular patterns in the semi-transparent fill.
,
Oct 24 2017
I have experienced the exact same issue while using cropperjs but i thought it was an issue with the cropperjs library
,
Oct 24 2017
The issue in comment https://bugs.chromium.org/p/chromium/issues/detail?id=777827#c2 is different, and looks like a problem we were having with buffer clears on certain graphics drivers. Do any of these problems still occur in Chrome Canary, or even Chrome 62 which is rolling out to some users now.
,
Oct 26 2017
rasmus@ Thanks for the issue. Tested this issue on Windows 7, Mac OS 10.12.6 using the latest Canary 64.0.3250.0 and Stable 62.0.3202.62 and unable to reproduce this issue. Attached is the screen cast for reference. As per comment #4, request you to please update Chrome Stable to the latest version and retry the issue and update the thread with the observations. Thanks..
,
Oct 26 2017
Confirmed! Working nicely again in Version 62.0.3202.62 (Official Build) (64-bit)
,
Oct 26 2017
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
,
Oct 27 2017
rasmus@ Thanks for the feedback. As per comment #6, can you please confirm if we can proceed towards the closure of this issue, as it is working fine on the latest Stable. Thanks...
,
Dec 4 2017
As there is no response from the reporter for more than a month, marking this as Wontfix. Please feel free to raise a new bug if the issue still exists. Thanks... |
||||||
►
Sign in to add a comment |
||||||
Comment 1 by ras...@mindplay.dk
, Oct 24 201760.4 KB
60.4 KB View Download