RESOLVED DUPLICATE of bug 9272 43302
Background padding issue in RTL websites.
https://bugs.webkit.org/show_bug.cgi?id=43302
Summary Background padding issue in RTL websites.
Derk-Jan Hartman
Reported 2010-07-31 10:10:09 PDT
Created attachment 63153 [details] RTL background linewrap positioning for inline elements testcase A link has the following CSS in ltr situations a.external { background: url(http://bits.wikimedia.org/skins-1.5/vector/images/external-link-rtl-icon.png?2) no-repeat 0% 50%; padding: 0px 13px 0px 0px; } This draw an icon in the background to the right of the link. In RTL situations, the following css is used. a.external { background: url(http://bits.wikimedia.org/skins-1.5/vector/images/external-link-rtl-icon.png?2) no-repeat 0% 50%; padding: 0px 0px 0px 13px; } In this case, when the link (inline element) line wraps, the background overlaps the left side of the first line part, where it should be positioned on the left side of the second line part. Attached example and screenshots.
Attachments
RTL background linewrap positioning for inline elements testcase (1.55 KB, text/html)
2010-07-31 10:10 PDT, Derk-Jan Hartman
no flags
Display of css in LTR case (14.22 KB, image/png)
2010-07-31 10:11 PDT, Derk-Jan Hartman
no flags
Display of RTL rendering (14.81 KB, image/png)
2010-07-31 10:12 PDT, Derk-Jan Hartman
no flags
Derk-Jan Hartman
Comment 1 2010-07-31 10:11:36 PDT
Created attachment 63154 [details] Display of css in LTR case
Derk-Jan Hartman
Comment 2 2010-07-31 10:12:01 PDT
Created attachment 63155 [details] Display of RTL rendering
Derk-Jan Hartman
Comment 3 2010-07-31 10:13:33 PDT
Note, Firefox does render the expected behavior, Chrome and Opera match the behavior of Safari.
mitz
Comment 4 2010-08-02 08:56:13 PDT
*** This bug has been marked as a duplicate of bug 9272 ***
Note You need to log in before you can comment on or make changes to this bug.