The hover area on witch the :hover state is activated is only a portion of the div when the div has css transforms.
Created attachment 217409 [details] layout test The onclick handler is also affected by this bug, it doesn't fire when clicking the area that doesn't trigger the :hover state.
Created attachment 217533 [details] patch
Created attachment 217538 [details] patch. incorporates the feedback.
Comment on attachment 217538 [details] patch. incorporates the feedback. Clearing flags on attachment: 217538 Committed r159626: <http://trac.webkit.org/changeset/159626>
All reviewed patches have been landed. Closing bug.
Can you make a testcase where the transformed element overlaps its parent div, and give the parent an rgba() color. I want to see if they visibly intersect.
I'm not yet convinced that this patch is correct. Allan, please don't review in areas where you don't have expertise.
(In reply to comment #6) > Can you make a testcase where the transformed element overlaps its parent div, and give the parent an rgba() color. I want to see if they visibly intersect. Using Web Inspector, I have added the background-color to the parent div and the 2 divs don't visibly intersect, meaning the negative Z coordinates of the rotated child are painted on top of the background color of the parent. Do you want me to add this background-color property to the layout test file?
Created attachment 217690 [details] layout test that fails even with the fix.
I have logged https://bugs.webkit.org/show_bug.cgi?id=124777 to fix the problem shown by the attached layout test.