W3C home > Mailing lists > Public > public-css-archive@w3.org > March 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: Mon, 20 Mar 2017 23:41:59 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-287932460-1490053318-sysbot+gh@w3.org>
Tested this on different browsers and posting results with screenshots:
(Let me know if I should add something to this)

Test case: https://jsfiddle.net/5oo2gzLy/8/

Tested on:
Chrome 56.0.2924.87 (64-bit) | Safari 10.0.3 (11602.4.8.0.1) | Edge 38.14393.0.0

Description: 
- ‘Column-span: all’ is applied to break a div in two. This div has border, background, padding and margin set to observe how this is broken across the spanner. 
- ‘Column-span: all’ is nested inside inside an i tag which has a div tag parent. The i tag has border, background, padding and margin set to observe how this is broken across the spanner.

Observations:

1. Border and background color for div split by column-span is consistent across all three browsers. Also, spanner does not show any indentation or overlap with the background color of the div.
Screenshot from Chrome but result is same for Edge and Safari -
![screen shot 2017-03-20 at 4 25 06 pm](https://cloud.githubusercontent.com/assets/5490554/24126327/96b2cef8-0d8a-11e7-8256-644cf80873e8.jpg)

2. Border and background for i tag split by column-span is consistent in Chrome and Edge but in Safari you see an extra line at the top of the first column after the column span with a border and no background.
Screenshot for Chrome but same as Edge: 
![screen shot 2017-03-20 at 4 27 12 pm](https://cloud.githubusercontent.com/assets/5490554/24126340/b09c4920-0d8a-11e7-9e68-402707201742.jpg)

Screenshot for Safari showing extra line with no background: 
![screen shot 2017-03-20 at 4 28 17 pm](https://cloud.githubusercontent.com/assets/5490554/24126363/d1f38f48-0d8a-11e7-8a13-6ac95aff9b76.jpg)

3. Spanner nested in i tag does not show any indentation or overlap of background color but it does show the 'Column-span' text italicized in all three browsers. (See screenshots above)





-- 
GitHub Notification of comment by neerjapancholi
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1072#issuecomment-287932460 using your GitHub account
Received on Monday, 20 March 2017 23:42:05 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 19 October 2021 01:30:30 UTC