Opened 3 years ago
Last modified 2 years ago
#17665 in-progress bug
WebKit: Text disappears and bad content clipping with opacity<1 and transform:rotate — at Version 1
| Reported by: | thebuck | Owned by: | pulkomandy |
|---|---|---|---|
| Priority: | high | Milestone: | Unscheduled |
| Component: | Servers/app_server | Version: | R1/Development |
| Keywords: | Cc: | nephele | |
| Blocked By: | Blocking: | ||
| Platform: | All |
Description (last modified by )
This bug has been split out from #12511 at nephele's request.
When a HTML element is styled with e.g. opacity: 0.99; transform: rotate(110deg), text within is completely invisible. The element is additionally clipped at a vertical line on the right which goes through the element's transformed top right corner (i.e. nothing to the right of that corner (plus a little offset) is visible).
Clipping suspected here:
GraphicsContextHaiku::clipBounds()
Example of a better implementation: TransformationMatrix::mapRect
Change History (2)
by , 3 years ago
| Attachment: | opacity-transform.html added |
|---|
comment:1 by , 3 years ago
| Description: | modified (diff) |
|---|
Note:
See TracTickets
for help on using tickets.
Testcase: Hover the mouse over the skyblue element to rotate it. Un-/comment lines which have a comment in the style code to alter behaviour. I used hashes (#) to make CSS declarations invalid instead of commenting them properly out.