1 pixel line gaps appear in image when it has a mask and 3d transform
Reported by
gilmoreo...@gmail.com,
Dec 6
|
||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 Steps to reproduce the problem: 1. Open the test HTML file, or go to https://jsbin.com/pimejar/7/edit?html,css,output (same content) What is the expected behavior? The image should be scaled up with no noticeable gaps. What went wrong? The image has small gaps where it looks like different compositing tiles have not lined up. Did this work before? N/A Does this work in other browsers? Yes Chrome version: 70.0.3538.102 Channel: stable OS Version: OS X 10.14.1 Flash Version: 1. I've tested Safari 12 and Firefox 63 and they don't have the bug. Also tested Chrome Canary (73.0.3631.0) and it still has the bug. Screen DPI (Retina vs non-Retina) has no effect. 2. It doesn't happen all the time, only with certain values of translateZ. 3. It sometimes happens when using scale() instead of a 3D translate, but not as consistently. 4. This only happens when the image has a mask. Removing the mask makes the problem go away. (The test case has the simplest mask possible in order to demonstrate the bug.) 5. This seems related to issue #687955 but I wasn't sure if it was exactly the same problem, so I raised a new issue to avoid derailing the comments.
,
Dec 6
,
Dec 6
Thanks for filing the issue! Unable to reproduce the issue on reported chrome version 70.0.3538.102 using Mac 10.14.1 with the below mentioned steps. 1. Launched Chrome 2. Opened "chrome-bug-test-case.html" file Didn't observe any 1 pixel line gap(s) in image. Attaching the screenshot of the same for reference. @Reporter: Could you please check the same in a new profile without any apps & extensions and let us know if the issue still persists.
,
Dec 7
Thanks for the quick response. I've re-tested in a clean profile and had the same result. Additionally, I've asked some colleagues to test it and report hardware specs. I know from issue #710443 that some of these compositing bugs can be down to specific graphics cards. Here's a collection of machine specs that have seen the issue: Chrome Version 70.0.3538.110 (Official Build) (64-bit) MacBook Pro (Retina, 13-inch, Early 2015) macOS Version 10.14.1 Intel Iris Graphics 6100 1536MB --- Chrome Version 71.0.3578.80 (Official Build) (64-bit) MacBook Pro (15-inch, 2017) macOS Version 10.14.1 Radeon Pro 555 2048 MB / Intel HD Graphics 630 1536 MB --- Chrome Version 69.0.3497.100 (Official Build) (64-bit) MacBook Pro (15-inch, 2017) macOS Version 10.14.1 Radeon 560 4GB / Intel HD 630 1.5GB --- Something else we've noticed is that the lines will shift position depending on the level of browser zoom applied.
,
Dec 7
Thank you for providing more feedback. Adding the requester to the cc list. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Dec 7
One more data point: the bug only appears when hardware acceleration is enabled in Chrome's settings.
,
Dec 10
I'm not seeing gaps, but I do see artifacts where it looks like maybe a row of pixels is missing. Put another way, the content appears to be shifting around a little on the tile.
,
Dec 14
This is a bug in CoreAnimation -- you can see the same thing happen sometimes on Safari , Preview, and other properties. Assigning me to find the root bug to duplicate to. |
||||||
►
Sign in to add a comment |
||||||
Comment 1 by gilmoreo...@gmail.com
, Dec 6646 KB
646 KB View Download