[Webkit-unassigned] [Bug 49662] New: Wrong alignement of boxes with direction:rtl

Wed Nov 17 07:11:10 PST 2010

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

           Summary: Wrong alignement of boxes with direction:rtl
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
        OS/Version: Windows 7
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: ttt2459 at gmail.com

Considering the code below, I believe according to the standards the #blue box should be aligned on the right edge with the #red box because of the direction:rtl of the parent container (#blue_container) but WebKit browsers (Safari/Chrome) align them on the left edge. All non-WebkKit browsers (even WebKit without the DOCTYPE tag) align the boxes on the right edge.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <style>
            #top_container {
                float:right;
            }
            #red {
                background:#f00;
                color:#fff;
                padding:10px;
            }
            #blue_container {
                direction:rtl;
            }

            #blue {
                position:absolute;
                background:#00f;
                color:#fff;
                padding:10px;
                width:200px;
                direction:ltr;
            }
        </style>
    </head>
    <body>
        <div id="top_container">
            <div id="red">
                red
            </div>
            <div id="blue_container">
                <div id="blue">
                    blue
                </div>
            </div>
        </div>
    </body>
</html>

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