Bug 243190

Summary: css column-count nesting with position absolute has wrong offset parent at nesting level 3 and greater
Product: WebKit Reporter: aaron <aaron.shurmer>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: aaron.shurmer, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: WebKit Local Build   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
test case showing level 3 nesting detached from offset parent positioning none

aaron
Reported 2022-07-25 18:49:12 PDT
nested divs with column-count >= 2 and absolute positioning has incorrect layout at third level and lower. It looks like the third level and subsequent levels get set to positioning from document not offset parent. <div style="position:absolute; top : 50px;left:50px; border : 1px solid red;column-count:2;background-color : white"> <div>level1</div> <div>level1</div> <div style="position:absolute; top : 50px;left:50px; border : 1px solid red;column-count:2;background-color : white"> <div>level2</div> <div>level2</div> <div style="position:absolute; top : 50px;left:50px; border : 1px solid red;column-count:2;background-color : white"> <div>level3</div> <div>level3</div> </div> </div> </div>
Attachments
test case showing level 3 nesting detached from offset parent positioning (525 bytes, text/plain)
2022-07-25 18:50 PDT, aaron 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
aaron
Comment 1 2022-07-25 18:50:29 PDT
Created attachment 461209 [details] test case showing level 3 nesting detached from offset parent positioning
Radar WebKit Bug Importer
Comment 2 2022-08-01 18:50:15 PDT
<rdar://problem/97950512>
Note You need to log in before you can comment on or make changes to this bug.