Bug 164583 - Image is displayed outside borders of container with transform property set
Summary: Image is displayed outside borders of container with transform property set
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Local Build
Hardware: PC Windows 7
: P2 Normal
Assignee: Nobody
URL: http://academy.spaceapp.ru/test
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2016-11-10 00:00 PST by Serega
Modified: 2016-11-10 10:24 PST (History)
3 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Serega 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.
Comment 1 Radar WebKit Bug Importer 2016-11-10 08:24:25 PST 
<rdar://problem/29199455>
Comment 2 Simon Fraser (smfr) 2016-11-10 10:23:56 PST 
Created attachment 294382 [details]
Standalone testcase

This seems more like a subpixel bug. Reduced test case attached.
Comment 3 Simon Fraser (smfr) 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.