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:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

aaron.shurmer, simon.fraser, webkit-bug-importer, zalan

Priority:

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

Description aaron 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>

Comment 1 aaron 2022-07-25 18:50:29 PDT

Created attachment 461209 [details]
test case showing level 3 nesting detached from offset parent positioning

Comment 2 Radar WebKit Bug Importer 2022-08-01 18:50:15 PDT

<rdar://problem/97950512>