Bug 124705

Summary:

[CSS Regions] Floats do not respect the correct painting order when flowed in regions

Product:

WebKit

Reporter:

Mihai Balan <mibalan>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED INVALID

Severity:

Normal

CC:

abucur, mihnea, WebkitBugTracker

Priority:

Keywords:

AdobeTracked

Version:

528+ (Nightly build)

Hardware:

Unspecified

OS:

Unspecified

Bug Depends on:

Bug Blocks:

124706

Attachments:

Description	Flags
Test-case	none

Description Mihai Balan 2013-11-21 01:59:39 PST

Created attachment 217536 [details]
Test-case

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