box-shadow CSS is not rendered properly in Android Chrome
Reported by
labratm...@gmail.com,
Apr 13 2016
|
|||||||
Issue descriptionExample URL: https://labrat.mobi/ Steps to reproduce the problem: 1. Open https://labrat.mobi/ 2. Check shadow on game thumbnails 3. What is the expected behavior? Proper display of shadow What went wrong? Shadow is not rendered properly Does it occur on multiple sites: N/A Is it a problem with a plugin? No Did this work before? N/A Does this work in other browsers? Yes Chrome version: 49.0.2623.105 Channel: stable OS Version: 6.0.1 Flash Version: Shockwave Flash 21.0 r0
,
Apr 13 2016
Issue reproducible, tested on Nexus5/M, Chrome Stable: 49.0.2623.105. Logcat @ http://go/chrome-androidlogs1/6/603200
,
Apr 13 2016
I can repro on 50.0.2661.66 on my Moto X. The bug is that the right side of the shadow is cut off and only the bottom third or so is visible. Moreover, when I pinch zoom in, the size of the cut off part jitters erratically. This shadow renders fine on iOS Safari. Searching open bugs, this seems similar to http://crbug.com/498848 ? cc'ing folks involved in that issue.
,
Apr 14 2016
,
Apr 14 2016
Just noticed shadow for the last thumbnail (Dangerous Skies) is not even rendered.
,
Apr 19 2016
This would be dramatically easier to debug if there were a test case with a white background. labratmobi@, Can you host something like that, or give us a reduced test case? It might be related to http://crbug.com/498848 , but then I would expect to see entire rows/columns chopped off, not just a portion of the row/column. And there's no reason for that bug to be mobile dependent. The page uses one box-shadow on the image, and another on the div containing the image and the title. The interaction between the two may be the issue.
,
Apr 19 2016
here is the URL for white background colour https://labrat.mobi/white_7c613d12ef27de3a6f369578d171eee3.html It does have 2 box shadows, one on main Div and other for the image. But it was reproducible with one box-shadow as well. But you can easily play with Chrome dev tools using chrome://inspect
,
Apr 19 2016
here is the reduced test case https://labrat.mobi/temp/shadow.html I found what is causing the issue, "border-radius" is the culprit here. Hope it helps.
,
Apr 19 2016
Thanks. I'll look into it as soon as I can. It's hard to say if we're not drawing due to clipping content, or simply drawing incorrectly.
,
Sep 20
Doesn't reproduce on a Nexus 5x. Closing as previously it seemed to reproduce everywhere. |
|||||||
►
Sign in to add a comment |
|||||||
Comment 1 by b...@chromium.org
, Apr 13 2016