Bug 47058 – -webkit-transform blocks -webkit-mask

• Status: RESOLVED
• Resolution: WORKSFORME
• Component: CSS

[Dimtrie]

Created attachment 69589 [details]
local html example of the bug

Overview: More detailed restatement of summary.

When hovering over an element that triggers the hover function and sets a transform in motion, it blocks the -webkit-mask and thus it disappears.

triggering the bug:
1)go to: 
http://cssdesk.com/fYzmf
or look at the attachment

2) hover over the div element

Actual Result: mask disappears while transform is in motion. It appears again when the animation is done ( let your cursor rest for about 2 seconds on the div )

Expected Results: The mask should hide the overflowing content, even when the transform is in motion.

Build Date & Platform: Webkit-svn-r68887 build 01-10-2010 on Windows Vista

Build 2006-08-10 on Mac OS 10.4.3
Additional Builds and Platforms: Whether or not the bug takes place on other platforms (or browsers, if applicable).

Additional Builds and Platforms: As far as i know, it occurs on every os and platform (send the bug to paul-irish, he asked me to file it here)

Additional Information: Tried to solve the bug with an overlaying div element, with again a mask. Gave the same result. Example http://cssdesk.com/j3JcH

[Simon Fraser (smfr)]

Can you make a very simple testcase with just one element? It's not clear to me from this (cool!) testcase what the issue is.

[Fady Samuel]

Created attachment 83862 [details]
Zip file containing test of bug.

Notice that once scaling is applied to the image, the mask no longer works.

[Simon Fraser (smfr)]

Your testcase works perfectly for me. What OS and browser are you testing with?

[Dirk Schulze]

Works for me as well.