- From: Rachel Andrew via GitHub <sysbot+gh@w3.org>
- Date: Sat, 07 Apr 2018 13:33:06 +0000
- To: public-css-archive@w3.org
In the interest in getting feedback from designers on this issue, I'm writing it up with some screenshots and clarifications. The specification says: > "A column rule is drawn in the middle of the column gap with the endpoints at opposing content edges of the multicol container." This means that if you were to have a multicol container (an element with column-count or column-width set on it) which has a height, and there is not enough content to fill that height, you end up with column rules stretching past the content to the height of the container. Edge currently does this, Chrome instead has the rules extending to the height of the content only. I made a very simple example to show the difference, which you can see [here](https://codepen.io/rachelandrew/pen/aYQVLr). The silver border shows a multicol element with a height. Screenshot in Edge (spec behaviour): <img width="1026" alt="multicol2309-edge" src="https://user-images.githubusercontent.com/2764898/38455408-a2c3dc4c-3a6f-11e8-82db-1b6fea7c8459.png"> Screenshot in Chrome: <img width="988" alt="multicol2309-chrome" src="https://user-images.githubusercontent.com/2764898/38455411-ad6d19c4-3a6f-11e8-808c-de4cc94adcc2.png"> We have three options as detailed in the IRC discussion above: 1. Create a user control so people can explicitly control height of column rules to choose content height or multicol container height. 2. Stay with current spec which suggests height of column rules is the same as the multicol container height 3. Change the spec so the height of the column rule is the content height. If you have a preference and especially if you have a use case, please comment! -- GitHub Notification of comment by rachelandrew Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2309#issuecomment-379469567 using your GitHub account
Received on Saturday, 7 April 2018 13:33:15 UTC