NEW164583
Image is displayed outside borders of container with transform property set 
https://bugs.webkit.org/show_bug.cgi?id=164583
Summary Image is displayed outside borders of container with transform property set
Serega
Reported 2016-11-10 00:00:21 PST
Created attachment 294340 [details] Screenshot of problem page I have an absolutely positioned container with 'transform: translateX(-50%) translateY(-50%)' and 'overflow: hidden' properties. Inside this container I have an absolutely positioned video and several absolutely positioned images. As you can see on the screenshot, 1 pixel of video is displayed to the right and to the bottom of the container, though overflowing part of the container content must be hidden. Example is available at http://academy.spaceapp.ru/test.
Attachments
Screenshot of problem page (81.34 KB, image/png)
2016-11-10 00:00 PST, Serega 		no flags
Details
Standalone testcase (208.46 KB, application/octet-stream)
2016-11-10 10:23 PST, Simon Fraser (smfr) 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2016-11-10 08:24:25 PST
<rdar://problem/29199455>
Simon Fraser (smfr)
Comment 2 2016-11-10 10:23:56 PST
Created attachment 294382 [details] Standalone testcase This seems more like a subpixel bug. Reduced test case attached.
Simon Fraser (smfr)
Comment 3 2016-11-10 10:24:41 PST
Also it has nothing to do with video. It's two <img> and the on-top one doesn't fully cover the one underneath.
Note You need to log in before you can comment on or make changes to this bug.