- From: neerjapancholi via GitHub <sysbot+gh@w3.org>
- Date: Mon, 20 Mar 2017 23:41:59 +0000
- To: public-css-archive@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 -  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:  Screenshot for Safari showing extra line with no background:  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