Bug 124705 - [CSS Regions] Floats do not respect the correct painting order when flowed in regions
Summary: [CSS Regions] Floats do not respect the correct painting order when flowed in...
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
Keywords: AdobeTracked
Depends on:
Blocks: 124706
  Show dependency treegraph
Reported: 2013-11-21 01:59 PST by Mihai Balan
Modified: 2014-05-05 01:17 PDT (History)
3 users (show)

See Also:

Test-case (1.37 KB, text/html)
2013-11-21 01:59 PST, Mihai Balan
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Mihai Balan 2013-11-21 01:59:39 PST
Created attachment 217536 [details]

As per the CSS2.1 painting order, the floats are painted after normal flow contents, but before any positioned content in the same block formatting context as them (e.g. positioned elements paint on top of floats, too). However, when content with overlapping floats and positioned elements is flowed in regions, the floats get painted on top of the positioned elements.

In attached file, you should see a green square (relatively positioned div), but WebKit shows a red square (the float).

Possibly related to bug 124346.
Comment 1 Andrei Bucur 2014-05-05 01:17:17 PDT
After playing a bit with the test I've concluded the bug does't reproduce. Closing.
- the green text is correctly positioned below the red square, offseted to the left with 100px
- if I change left: -100px to top: -100px, the green square is painted on top, as expected.
- using background-color instead of color has the same effect