W3C home > Mailing lists > Public > public-css-archive@w3.org > April 2017

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

From: neerjapancholi via GitHub <sysbot+gh@w3.org>
Date: Thu, 06 Apr 2017 00:56:49 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-292038992-1491440208-sysbot+gh@w3.org>
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

This archive was generated by hypermail 2.3.1 : Monday, 23 October 2017 10:12:53 UTC