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:
Reported: 2016-11-10 00:00 PST by Serega
Modified: 2016-11-10 10:24 PST (History)
3 users (show)

See Also:

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

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
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.