Bug 137506

Summary: position: absolute default location miscalculated in multi column layout
Product: WebKit Reporter: Benno Blumenthal <bennoblumenthal>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, bennoblumenthal, bfulgham, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: 525.x (Safari 3.2)   
Hardware: All   
OS: Unspecified   
Attachments:
Description Flags
simple css tooltop implementation which shows position: absolute bug in multi column layout none

Benno Blumenthal
Reported 2014-10-07 16:34:32 PDT
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.
Attachments
simple css tooltop implementation which shows position: absolute bug in multi column layout (1.96 KB, text/html)
2014-10-07 16:34 PDT, Benno Blumenthal
no flags
Ahmad Saleem
Comment 1 2023-07-02 16:03:34 PDT
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.
Radar WebKit Bug Importer
Comment 2 2024-02-08 15:27:50 PST
Note You need to log in before you can comment on or make changes to this bug.