Issue metadata
Sign in to add a comment
|
SVG sprite icons show misplaced
Reported by
sedue...@gmail.com,
May 23 2016
|
||||||||||||||||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2746.0 Safari/537.36 Example URL: Steps to reproduce the problem: 1. Create a CSS style with a SVG Sprite background 2. Set a background position and background size for some of icons from the sprite 3. Check the results What is the expected behavior? The icons should be aligned as they are on Stable version of Chrome What went wrong? Icons are cropped from the container. Does it occur on multiple sites: Yes Is it a problem with a plugin? No Did this work before? Yes In version 50 is working right Does this work in other browsers? Yes Chrome version: 53.0.2746.0 Channel: canary OS Version: 6.1 (Windows 7, Windows Server 2008 R2) Flash Version: Shockwave Flash 22.0 r0 We are developing a new website (that's the reason I can't provide a public URL) and we have figured out that the icons that are working fine on every browser (Stable chrome on every OS too) do not work only on Chrome Canary version. (Stable version 50 vs Canary 52 and Canary 53)
,
May 23 2016
I'm going to upload an example as fast as I can. Its without HiDPI. Sorry if I miss something, this is my first bug report
,
May 23 2016
That sounds great!
,
May 24 2016
Hi again, I've asked for permission to my boss and finally I could upload this piece of code http://www.seduerey.com/_/issue-613972/ If you watch it with Chrome 50, logo and "face" are shown in place but in Chrome 52 they're cropped.
,
May 24 2016
Interestingly enough, I see the cropping you mention of logo and face icon in Firefox but not in my (old) google-chrome-unstable (51.0.2700.0). A newer google-chrome-unstable (52.0.2723.2) has the same cropped look as my Firefox though so something seems to have changed between 51.0.2700.0 and 52.0.2723.2.
,
May 24 2016
So ... do you think is this a bug or maybe was bugged before? :)
,
May 24 2016
It's this change: https://chromium.googlesource.com/chromium/src/+/c53a0d93dd13a025e65668dda879f78142459e04 We changed how we treat viewBox with non-integer values, so it now rounds viewBox the same as the width and height values. Since we're now equal to Firefox I'd like to chalk it up as a progression, but there is so much heuristics involved with sub-pixel background image drawing that I'm not sure. In general I would recommend against using non-integer width and heights for SVG sprite maps. Since traditionally spriting on the web have been done with raster graphics, which are only integer sized, the heuristics are optimized for that. I'm not sure what it would mean in your case, but that's what I can say right now.
,
May 24 2016
Thanks, I'm going to discuss it with my people here.
,
May 26 2016
,
Jun 27 2016
seduerey@ - Any update on this bug? Could you please update this bug with your latest behavior by checking this issue in latest chrome canary M53-53.0.2780.0.
,
Aug 10 2016
seduerey@ Could you please confirm are you still seeing this issue on latest version 54.0.2825.0?please update the thread. Thanks,
,
Nov 7 2016
Closing due to lack of feedback. |
|||||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||||
Comment 1 by f...@opera.com
, May 23 2016