New issue
Advanced search Search tips

Issue 663447 link

Starred by 1 user
Status: WontFix
Owner: ----
Closed: Nov 2016
Cc:
kylixrd@chromium.org
malaykeshav@chromium.org
Components:
EstimatedDays: ----
NextAction: 2016-11-22
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

Incorrect rendering of SVG background when border-radius applied to element

Reported by ted...@gmail.com, Nov 8 2016 
UserAgent: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.87 Safari/537.36

Steps to reproduce the problem:
1. Create a div element with SVG background-image
2. Apply border-radius of 50% to this element
3. The SVG background is now repeated multiple times

Please see http://codepen.io/anon/pen/GNJaRO for example code

What is the expected behavior?
SVG background should render according to background properties (for example, resize to fill the element)

What went wrong?
SVG background is rendered incorrectly and does not follow 'background-repeat', 'background-sizing' CSS properties

Did this work before? N/A 

Does this work in other browsers? No
 Also present in Opera 41.0.2353.56 (Windows 8.1)

Chrome version: 54.0.2840.87  Channel: stable
OS Version: 6.3
Flash Version: Shockwave Flash 23.0 r0
svg bug.png.png
132 KB View Download

Comment 1 by ted...@gmail.com, Nov 8 2016 

Important note: This is only happening on high-resolution devices (Retina display, 4K monitor), with regular monitor this renders as expected.

Comment 2 by schenney@chromium.org, Nov 8 2016

Labels: Needs-Feedback Needs-TestConfirmation
NextAction: 2016-11-22
Not seeing this on a Macbook with Retina display, Chrome 56.0.2913.0 nor M55. Test team please verify issue is fixed.

ted451@, could you please try Chrome Canary to verify.

Comment 3 by ted...@gmail.com, Nov 8 2016 

This appears to be working as expected in Canary, thanks!

Comment 4 by schenney@chromium.org, Nov 8 2016

Labels: -Needs-TestConfirmation -Needs-Feedback
Status: WontFix (was: Unconfirmed)
Thanks very much for the quick response. Due to the risk of breaking an existing release, we will not be identifying the fix and applying it to M54. M55 seems to be working as expected so we'll wait until that rolls out to have the fix to everyone.

Comment 5 by pucchakayala@chromium.org, Nov 8 2016

Labels: M-54
Able to reproduce this on Win10 [HiDPI machine] - 54.0.2840.87
Please find the attached screen shot showing the difference between Firefox & Chrome.

Unable to repro the issue on Win10 [HiDPI machine] - 56.0.2913.0 [Canary] & 55.0.2883.35 [Beta]	

Unable to reproduce this on Mac OSX 10.12 - 54.0.2840.87
Please find the second attached screen shot.

Unable to repro on regular Win7 & Win8 machines - 54.0.2840.87
Please find the third attached screenshot.
663447 on win10.PNG
293 KB View Download
663447 on 10.12 Retina.png
551 KB View Download
663447 Win7 and Win8.PNG
233 KB View Download

Comment 6 by pucchakayala@chromium.org, Nov 8 2016

Components: UI>HighDPI

Comment 7 by f...@opera.com, Nov 9 2016 

Based on the symptoms described, this could be a dupe of  issue 643623  (and hence fixed by r417504/8e62373579cf6eddb6723e7e8e39306cde20c934.)
►

Sign in to add a comment