[Webkit-unassigned] [Bug 67895] New: An absolute positioned block, inside a relative positioned block, in a CSS3 column, is clipped to the boundaries of the column.

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=67895

           Summary: An absolute positioned block, inside a relative
                    positioned block, in a CSS3 column, is clipped to the
                    boundaries of the column.
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
        OS/Version: Windows Vista
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: New Bugs
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: j4_james at hotmail.com


I have an H1 with position absolute inside a DIV with position relative inside another DIV with a -webkit-column-count of 2. The H1 is positioned such that it overflows the boundaries of the outer columned DIV. I would expect the entire H1 to be visible, but it is clipped to the boundaries of the outer DIV - anything extending outside the boundaries is invisible.

Removing the relative position from the inner DIV makes the H1 visible again. Removing the column-count from the outer DIV also makes the H1 visible.

The attached HTML example demonstrates the problem. If it is working correctly, it should display a green block of columned text with a blue "Heading" above it. When displayed incorrectly, the blue heading is invisible.

This test case works as expected in Firefox 6.0.2 (tested on OSX and Windows Vista), and Opera 11.50 (on OSX). It fails in Safari 5.1 (7534.50) on Windows Vista, and Google Chrome (13.0.782.220) on OSX.

It also works in Safari 5.0.5 (6533.21.1) on OSX which suggests that it might be a regression.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.