Re: [csswg-drafts] [css-multicol] How do elements between column-span and its multicol ancestor appear around the span

Here are the screenshots for applying relative positioning, transform and filter to the parent of the column span. In most cases (except transform in chrome shown below), the column-span itself seems unaffected by these changes but apart from that there is a lot of variation so I'm posting almost all the screenshots - 

**1. Adding Position: relative; left: 100px;
https://jsfiddle.net/5oo2gzLy/10/**
All results are similar (with some minor bugs in Safari and Edge) so posting only one screenshot from Chrome:

![chrome -position relative - similar for all](https://cloud.githubusercontent.com/assets/5490554/24732769/e19846ba-1a27-11e7-9079-a55fc754aaff.jpg)

**2. Adding transform: rotate(90deg);
https://jsfiddle.net/5oo2gzLy/12/**

Chrome:
![chrome - transform](https://cloud.githubusercontent.com/assets/5490554/24732785/0de2ab52-1a28-11e7-90d3-72f5c20e8ca9.jpg)

Edge:
![edge - transform](https://cloud.githubusercontent.com/assets/5490554/24732790/15111a08-1a28-11e7-94c4-2328bebd5fe4.jpg)

Safari:
![safari - transform](https://cloud.githubusercontent.com/assets/5490554/24732793/1a5a23d8-1a28-11e7-89da-e1737559a0e9.jpg)

**3. Adding filter: grayscale(100%);
https://jsfiddle.net/5oo2gzLy/9/**

Chrome:
![chrome- grayscale](https://cloud.githubusercontent.com/assets/5490554/24732807/31b9b8c2-1a28-11e7-94c1-328ddf5fcbb9.jpg)

Edge:
![edge - greyscale](https://cloud.githubusercontent.com/assets/5490554/24732810/373d9db8-1a28-11e7-902f-d815be31bceb.jpg)

Safari:
![safari - grayscale](https://cloud.githubusercontent.com/assets/5490554/24732812/3e3ac1e0-1a28-11e7-892f-fdd5d163dc6b.jpg)






-- 
GitHub Notification of comment by neerjapancholi
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1072#issuecomment-292038992 using your GitHub account

Received on Thursday, 6 April 2017 00:56:57 UTC