Drag preview of element with border-radius sometimes includes element's background
Reported by
a...@adamhooper.com,
Dec 19
|
||||
Issue descriptionUserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36 Steps to reproduce the problem: 1. Create a `draggable` element with a `border-radius` -- e.g., `border-radius: 50%` to create a curvy element. 2. Put it on a parent element that has a `background`. 3. Drag it all over the place What is the expected behavior? The curvy element should look curvy when it's dragged. What went wrong? The curvy element looks like a rectangle: its background is dragged along with it. I'd attach a screenshot, but my OS seems to hide the mouse cursor before screenshotting. Sorry :). Did this work before? N/A Does this work in other browsers? Yes Chrome version: 71.0.3578.98 Channel: stable OS Version: Fedora 29 Flash Version: Firefox renders what I expect.
,
Dec 20
Able to reproduce the issue on reported chrome version # 71.0.3578.98 also on latest chrome # 73.0.3645.0 using Ubuntu 17.10 ,Mac os 10.12.6 and Windows 10. Same behavior is seen on M60(60.0.3112.113) hence considering it as non-regression and marking it as Untriaged. Thanks!
,
Dec 20
,
Dec 20
Bisected to r378021 = https://crrev.com/1736893002 by pdr@chromium.org "Update drag images to paint from the nearest self painting layer" Landed in 50.0.2661.0
,
Dec 20
It's not clear how important it is to match Firefox.
,
Dec 20
If the background is unrelated to the object, the dragged image gets ugly in Chrome. Like dragging a circle marker overlayed on a photo. Is there's an obvious and easy workaround?
,
Dec 21
As a workaround you can add "will-change: transform" to the object that will be dragged. |
||||
►
Sign in to add a comment |
||||
Comment 1 by swarnasree.mukkala@chromium.org
, Dec 20