137506 2014-10-07 16:34:32 -0700 position: absolute default location miscalculated in multi column layout 2024-02-08 15:27:50 -0800 1 1 1 Unclassified WebKit Layout and Rendering 525.x (Safari 3.2) All Unspecified NEW BrowserCompat, InRadar P2 Normal --- 1 bennoblumenthal webkit-unassigned ahmad.saleem792 bennoblumenthal bfulgham simon.fraser webkit-bug-importer zalan oldest_to_newest 1040157 0 239440 bennoblumenthal 2014-10-07 16:34:32 -0700 Created attachment 239440 simple css tooltop implementation which shows position: absolute bug in multi column layout In a multi-column layout, elements with position: absolute and a default location (i.e. browser placed) are not all placed properly. The first column is fine, the second column places static elements properly in the second column, but position: absolute elements are places where they would have been in a single column layout. The enclosed example is a simple css tooltip implementation, where a mouse-over ("hover") a term displays the extended definition of the term. THe first column works fine; the second column has extended definitions that appear below the first column. Firefox (32 tested) has no problem with this. 1964711 1 ahmad.saleem792 2023-07-02 16:03:34 -0700 I am able to reproduce this bug in Safari Technology Preview 173 (hover on second column and see the tooltip appearing below column 1 items). Chrome Canary 117 and Firefox Nightly 116 match each other and don't have this bug. Adding 'BrowserCompat' tag. 2011947 2 webkit-bug-importer 2024-02-08 15:27:50 -0800 <rdar://problem/122587263> 239440 2014-10-07 16:34:32 -0700 2014-10-07 16:34:32 -0700 simple css tooltop implementation which shows position: absolute bug in multi column layout example.html text/html 2003 bennoblumenthal PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPGh0bWw+CjxoZWFkPgo8c3R5 bGU+Ci5jb250IHsKbWFyZ2luOiAxMHB4Owpib3JkZXI6IHNvbGlkIDJweDsKd2lkdGg6IDUwMHB4 Owotd2Via2l0LWNvbHVtbi1jb3VudDogMjsKY29sdW1uLWNvdW50OiAyOwotbW96LWNvbHVtbi1j b3VudDogMjsKfQouaXRlbSB7CndpZHRoOiAyMDBweDsKfQouZ2xvc3MgewpkaXNwbGF5OiBub25l Owp9Ci5sYmw6aG92ZXIgKyAuZ2xvc3MgewpkaXNwbGF5OiBibG9jazsKcG9zaXRpb246IGFic29s dXRlOwp6LWluZGV4OiAzMDsKY29sb3I6ICMxMTE7CmJvcmRlcjogMXB4IHNvbGlkICNEQ0E7CmJh Y2tncm91bmQ6ICNGRkZBRjA7CnRleHQtaW5kZW50OiAwcHQ7Cm1hcmdpbi1sZWZ0OiA1cHQ7CnBh ZGRpbmctbGVmdDogMnB0OwpwYWRkaW5nLXJpZ2h0OiAycHQ7Cm1pbi13aWR0aDogMTAwcHQ7Cm1h eC13aWR0aDogMzAwcHQ7Cn0KfQo8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5PgpUaGlzIGlzIGEgc2lt cGxlIGNzcyBpbXBsZW1lbnRhdGlvbiBvZiB0b29sdGlwIC0tIG1vdXNlIG92ZXIgYSB0ZXJtIHRv IHNlZSBpdHMgZGVmaW5pdGlvbi4gICBJbiB0d28gY29sdW1uIGxheW91dCwgd2Via2l0IGRpc3Bs YXlzIHRoZSBzZWNvbmQgY29sdW1uIHRpcHMgd2hlcmUgdGhleSB3b3VsZCBoYXZlIGJlZW4gaW4g YSBvbmUgY29sdW1uIGxheW91dCwgYSBidWcgaW4gdGhlIGJyb3dzZXItY2FsY3VsYXRlZCAoZGVm YXVsdCkgIDxpPnBvc2l0aW9uOiBhYnNvbHV0ZTwvaT4gICBjYWxjdWxhdGlvbi4KPGRpdiBjbGFz cz0iY29udCI+CjxkaXYgY2xhc3M9Iml0ZW0iPgo8c3BhbiBjbGFzcz0ibGJsIj50ZXJtPC9zcGFu Pgo8c3BhbiBjbGFzcz0iZ2xvc3MiPnRoZSBleHRlbmRlZCB0ZXJtIGRlZmluaXRpb248L3NwYW4+ CjwvZGl2Pgo8ZGl2IGNsYXNzPSJpdGVtIj4KPHNwYW4gY2xhc3M9ImxibCI+dGVybSAyPC9zcGFu Pgo8c3BhbiBjbGFzcz0iZ2xvc3MiPnRoZSBleHRlbmRlZCB0ZXJtIDIgZGVmaW5pdGlvbjwvc3Bh bj4KPC9kaXY+CjxkaXYgY2xhc3M9Iml0ZW0iPgo8c3BhbiBjbGFzcz0ibGJsIj50ZXJtIDM8L3Nw YW4+CjxzcGFuIGNsYXNzPSJnbG9zcyI+dGhlIGV4dGVuZGVkIHRlcm0gMyBkZWZpbml0aW9uPC9z cGFuPgo8L2Rpdj4KPGRpdiBjbGFzcz0iaXRlbSI+CjxzcGFuIGNsYXNzPSJsYmwiPnRlcm0gNDwv c3Bhbj4KPHNwYW4gY2xhc3M9Imdsb3NzIj50aGUgZXh0ZW5kZWQgdGVybSA0IGRlZmluaXRpb248 L3NwYW4+CjwvZGl2Pgo8ZGl2IGNsYXNzPSJpdGVtIj4KPHNwYW4gY2xhc3M9ImxibCI+dGVybSA1 PC9zcGFuPgo8c3BhbiBjbGFzcz0iZ2xvc3MiPnRoZSBleHRlbmRlZCB0ZXJtIDUgZGVmaW5pdGlv bjwvc3Bhbj4KPC9kaXY+CjxkaXYgY2xhc3M9Iml0ZW0iPgo8c3BhbiBjbGFzcz0ibGJsIj50ZXJt IDY8L3NwYW4+CjxzcGFuIGNsYXNzPSJnbG9zcyI+dGhlIGV4dGVuZGVkIHRlcm0gNiBkZWZpbml0 aW9uPC9zcGFuPgo8L2Rpdj4KPGRpdiBjbGFzcz0iaXRlbSI+CjxzcGFuIGNsYXNzPSJsYmwiPnRl cm0gNzwvc3Bhbj4KPHNwYW4gY2xhc3M9Imdsb3NzIj50aGUgZXh0ZW5kZWQgdGVybSA3IGRlZmlu aXRpb248L3NwYW4+CjwvZGl2Pgo8ZGl2IGNsYXNzPSJpdGVtIj4KPHNwYW4gY2xhc3M9ImxibCI+ dGVybSA4PC9zcGFuPgo8c3BhbiBjbGFzcz0iZ2xvc3MiPnRoZSBleHRlbmRlZCB0ZXJtIDggZGVm aW5pdGlvbjwvc3Bhbj4KPC9kaXY+CjxkaXYgY2xhc3M9Iml0ZW0iPgo8c3BhbiBjbGFzcz0ibGJs Ij50ZXJtIDk8L3NwYW4+CjxzcGFuIGNsYXNzPSJnbG9zcyI+dGhlIGV4dGVuZGVkIHRlcm0gOSBk ZWZpbml0aW9uPC9zcGFuPgo8L2Rpdj4KPC9kaXY+CjxwPkZpcmVmb3ggKGxpbnV4IDMyKSBoYXMg bm8gcHJvYmxlbSAtLSB0aGUgdGlwcyBhbHdheXMgYXBwZWFyIG5lYXIgdGhlIHRlcm08L3A+Cjxw PkNocm9tZSBhbmQgc2FmYXJpIHNob3cgdGhlIHByb2JsZW0gY3VycmVudGx5PC9wPgo8L2JvZHk+ CjwvaHRtbD4=