Created attachment 239440 [details] 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.
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.
<rdar://problem/122587263>