[Webkit-unassigned] [Bug 32288] New: :after selector displays in wrong place with nested div

[bugzilla-daemon at webkit.org]

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

           Summary: :after selector displays in wrong place with nested
                    div
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
               URL: http://dl.dropbox.com/u/87458/webkit-css-after-bug.htm
                    l
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: mariusm at gmail.com


Consider the following HTML:

  <style>
    .t:before { content: '{'; }
    .t:after { content: '}'; }
  </style>
  <div id="t1" class="t">1
    <div id="t2" class="t">2</div>
    <div id="t3" class="t">3</div>
  </div>


Expected behavior: the '}' for the <div id="t1"> should appear after the end of
<div id="t3">:
{1
{2}
{3}
}

Actual behavior: the '}' for the <div id="t1"> appears between the end of <div
id="t2"> and the beginning of <div id="t3">.
{1
{2}
}
{3}

I have reproduced this with both Safari 4.0.4 and Google Chrome 4.0.249.30.

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