Issue metadata
Sign in to add a comment
|
CSS Filters breaks when using it with CSS Columns
Reported by
shadeed9@gmail.com,
Mar 24 2016
|
||||||||||||||||||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.87 Safari/537.36 Steps to reproduce the problem: 1. Create a div with height of zero and padding-bottom of 50% (Responsive image wrapper). 2. Add an image inside it. 3. Repeat step 1 to create more divs and then wrap them in a container. 4. Apply CSS columns to the container. 5. Apply a filter like sepia when hovering on the image. What is the expected behavior? To apply the filter on the image. What went wrong? Some images got the hover effect, and the others completely break (turn into white image). Did this work before? No Chrome version: 49.0.2623.87 Channel: stable OS Version: OS X 10.10.5 Flash Version: Shockwave Flash 21.0 r0 Please check this reproduced demo of the issue on Codepen: http://codepen.io/shadeed/pen/99cb0149e43e5e9df82f930fca9049fe
,
Mar 28 2016
Works in Firefox.
,
Mar 28 2016
,
Mar 29 2016
How does it relate to tables? The codepen does not have any table element or display: table and the like...
,
Mar 29 2016
,
Mar 29 2016
There are no relation to tables. It is about using CSS Columns along with CSS filters, notice the element with class 'featured-main__row'.
,
Mar 29 2016
Reduced a bit. Two green boxes should span the width of the page (aside from a small white gap), but only the left box displays. Works in FF. http://codepen.io/anon/pen/GZvgpb
,
Mar 29 2016
Note: removing "overflow: hidden" fixes it. Likely a dupe of http://crbug.com/430867 .
,
Mar 30 2016
,
Apr 5 2017
|
|||||||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||||||
Comment 1 by rsesek@chromium.org
, Mar 24 2016