Bug 85894
| Summary: | Wrong text width handling when <button> is rotated | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Yichao Yu <yyc1992> |
| Component: | WebKitGTK | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED FIXED | ||
| Severity: | Major | ||
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Yichao Yu
code that trigger the bug
<button type="button" style="-webkit-transform:rotate(15deg);">
aaaaaaaaaaaaaaaaaaaaaaaa
</button>
The text "aaaaaaaa..." is cut at the wrong place, new line is inserted (is shouldn't be cut and no new line should be inserted at all) and part of the text is not shown.
If "text-shadow" is added, the shadow actually appears at the right place although the text itself doesn't~
Don't know if this also affect other elements but at least it affects both rotate and skew in -webkit-transform for the button element
<div> seems to be fine so it is probably caused by the implementation of <button> in webkitgtk.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Yichao Yu
Seems fixed now.