[Webkit-unassigned] [Bug 155823] New: multi-column + border-radius + overflow:hidden = no background-image
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Wed Mar 23 18:43:21 PDT 2016
https://bugs.webkit.org/show_bug.cgi?id=155823
Bug ID: 155823
Summary: multi-column + border-radius + overflow:hidden = no
background-image
Classification: Unclassified
Product: WebKit
Version: Safari 9
Hardware: Macintosh
OS: OS X 10.11
Status: NEW
Severity: Normal
Priority: P2
Component: Layout and Rendering
Assignee: webkit-unassigned at lists.webkit.org
Reporter: webkit at chrisrebert.com
CC: simon.fraser at apple.com
Created attachment 274806
--> https://bugs.webkit.org/attachment.cgi?id=274806&action=review
Screenshot of incorrect rendering in Safari 9.1
Original Bootstrap bug: https://github.com/twbs/bootstrap/issues/19600
Similar Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=597471
Steps to reproduce:
1. Open https://jsfiddle.net/cvrebert/q7750s03/ in OS X Safari 9.1
2. Observe the right square.
Expected results:
The right square should match the left square and show a pentagram image.
See attached Firefox screenshot.
Actual results:
The right square doesn't match the left square.
The right square is solid white instead of showing a pentagram image.
See attached Safari screenshot.
For some reason, when combined with certain other CSS properties,
the `background-image` of boxes in columns in CSS multi-column layouts (other than the 1st column) isn't shown by WebKit.
More info:
Removing the `border-radius` or the `overflow:hidden` from the example avoids triggering the bug.
Firefox 47, Chrome Canary 51, and Edge 13 all render the example correctly.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20160324/c1c5cc8a/attachment-0001.html>
More information about the webkit-unassigned
mailing list