Bug 85894 - Wrong text width handling when <button> is rotated
Summary: Wrong text width handling when <button> is rotated
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: WebKitGTK (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Major
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2012-05-08 10:06 PDT by Yichao Yu
Modified: 2013-07-06 12:38 PDT (History)
0 users

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Yichao Yu 2012-05-08 10:06:27 PDT
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.
Comment 1 Yichao Yu 2013-07-06 12:38:55 PDT
Seems fixed now.