Bug 36942

Summary: Nested spans with "position: absolute" misalignment
Product: WebKit Reporter: Steven Wittens <steven>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED FIXED    
Severity: Normal CC: robert
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Mac (Intel)   
OS: OS X 10.6   
Attachments:
Description Flags
Test case none

Steven Wittens
Reported 2010-04-01 00:53:09 PDT
Given: <span style="position: relative"> <span style="position: absolute">X</span> X </span> CSS says that both X's should overlap, since the inner span has left/top/right/bottom = auto. When the outer span has non-zero padding or borders *and* the outer span is a first child, the inner span will be misaligned. See attached file for a test-case. <span style="position: relative; padding: 1em;"> <span style="position: absolute">X</span> X </span> Expected result: All inner spans of X's overlap the outer spans (their styles/structure is identical). Actual result: The first set of X's in each DIV is misaligned.
Attachments
Test case (1.33 KB, text/html)
2010-04-01 00:53 PDT, Steven Wittens
no flags
Steven Wittens
Comment 1 2010-04-01 00:53:36 PDT
Created attachment 52271 [details] Test case
Steven Wittens
Comment 2 2010-04-01 01:37:32 PDT
Actually, the position: relative turns out to be entirely unnecessary. Bug still triggers without it.
Robert Hogan
Comment 3 2013-04-01 05:18:06 PDT
THis appears to be working now.
Note You need to log in before you can comment on or make changes to this bug.