Created attachment 62123 [details] repro If you zoom in on maps.google.com in Safari or Chromium/Mac, you see white seems between the tiles while the zoom animation is running. There are several causes of this. One is that if a page has adjacent images in a container and applies a weird scale factor (like 1.17) to the image's container, seems appear. See the attached file. On chrome/windows, this is rendered without seams (probably due to skia rendering only at integer coordinates?). In Safari and Chrome/mac, white lines are visible between the images. OpenGL specs that triangles need to be transformed so that rasterizing adjacent triangles doesn't produce seams. Maybe the css transforms spec needs to spec that too? ( This is part of http://crbug.com/46118 )
Happens only in Safari when hardware acceleration is disabled.
This also happens on maps if you choose a scale factor of e.g. 1.5 in quartz debug.
Created attachment 63957 [details] patch Not a final patch, just for discussion.
We might want to do the same thing for clip rects, too.
I think this will cause image jiggles if, say, the scale is animated.
It doesn't produce jiggles that I can see at least. Note that this rounds to _pixels_.
Created attachment 64964 [details] Animated testcase Does this show jiggles with the patch when you hover? (On Mac, turn off accel. compositing to test.)
Created attachment 65074 [details] hacky patch to round clip rect as well smfr, thanks for the comment. Your attachment shows jiggles with my first patch, because of the clip. If I remove the clip rect, the animation looks smooth and better than the current behavior. Two possible remedies: Either don't do the pixel-rounding if a clip rect is set or pixel-round the clip rect too. The latter is pretty messy (rought attempt attached with this comment), but removes the jiggles for your test case. I'd vote for not doing the pixel rounding when a clip rect is set. That's almost as easy as the first patch I attached and should work in the majority of cases. Here are screencasts that compare the current behavior with the behavior from the two patches, with both your attached test and your attached test without clip: current behavior no clip: http://screencast.com/t/ZmUwOTA3 clip: http://screencast.com/t/NjdhNjk2 round image and clip rects (new patch, attached with this comment) no clip: http://screencast.com/t/YmQ5MDlj clip: http://screencast.com/t/NjhkNjhmZ round image rect only, keep float clip (first patch) no clip: http://screencast.com/t/ZjI4ZGEyMGYt clip: http://screencast.com/t/ZDMzMzRmM wdyt?
*** Bug 27258 has been marked as a duplicate of this bug. ***
There does seem to be a 1px white space issue on scaled images within chrome. If you take a look at dragthebag.com in chrome (expanded to the window size) you will see a 1px gap between the tiled images that make up the mall. I have tried everything to remove this one pixel gap without success. If the browser is scaled down this gap disappears. Settings inline-block, font-size to 0, various padding, etc... none of them removed this 1 pixel gap. I could make the margin-left -1px but it mis-aligns other various elements further down the mall. This problem doesn't exist in Firefox or on the iPad & iPhone. Really would love for this issue to be solved for Chrome.