| Summary: | position: absolute default location miscalculated in multi column layout | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Benno Blumenthal <bennoblumenthal> | ||||
| Component: | Layout and Rendering | Assignee: | 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: |
|
||||||
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. |
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.