[Webkit-unassigned] [Bug 67939] New: Missing images when -webkit-mask-box-image is applied inside -webkit-column-count

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Sep 12 09:51:54 PDT 2011


           Summary: Missing images when -webkit-mask-box-image is applied
                    inside -webkit-column-count
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
        OS/Version: Mac OS X 10.6
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: jon at jonwhitestudio.com

Created an attachment (id=107056)
 --> (https://bugs.webkit.org/attachment.cgi?id=107056&action=review)
Examples of -webkit-mask-box-image failing in a multiple column container. Screenshots and code.

Overview: While -webkit-mask-box-image works as expected in typical, standalone-IMG contexts (see April 2008 post: http://www.webkit.org/blog/181/css-masks/), similarly-masked-images disappear when those IMGs exist inside a multiple-column parent (e.g., -webkit-column-count == 2, 3, etc.). See attached image for 1-col / 2-col sample screenshots of effect, plus relevant HTML and CSS.

Steps to Reproduce: Apply -webkit-mask-box-image (with valid raster image) to an IMG. Assign that IMG's parent container a declaration of -webkit-column-count: 2 (and, for fullest effect, define its -webkit-column-gap as, say, 30px).

Actual Results: IMG will disappear after the parent is set to multiple columns.

Expected Results: IMG visible and properly cropped, while still behaving inside a multiple-column context.

Build Date & Platform: Nightly (2011-09-11) build (r94932), on Mac OS 10.6.8.

Additional Builds and Platforms: But does NOT appear in iOS Safari (tested on 1st-generation iPad). Appears to only affect desktop browsers (WebKit, Chrome, Safari).

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

More information about the webkit-unassigned mailing list