[Webkit-unassigned] [Bug 43302] New: Background padding issue in RTL websites.

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=43302

           Summary: Background padding issue in RTL websites.
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: hartman at videolan.org


Created an attachment (id=63153)
 --> (https://bugs.webkit.org/attachment.cgi?id=63153)
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.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.