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

Re: [csswg-drafts] [css-multicol] how does absolute positioning work in a containing block that was split by a column-span?

From: Rachel Andrew via GitHub <sysbot+gh@w3.org>
Date: Fri, 03 Nov 2017 19:11:10 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-341799695-1509736269-sysbot+gh@w3.org>
This doesn't appear to be specified. So I built an example to look at this: https://codepen.io/rachelandrew/pen/rYeagj?editors=1100

Currently it doesn't seem to make any difference if there is a spanner or not, and we don't have interop.

Firefox 58 will always act as if the abspos items are in the first column, so that is the containing block. If the items are positioned right, it puts them at the right hand edge of that column. Stacking them up.

Chrome 64 will act as if the first column is the containing block if items are positioned top, and the last column if items are positioned bottom. So left and right are the relative to that column, again stacked up.

Safari 11 acts like Chrome, except for the item that is inside the spanner. It seems to take context from the viewport.

I'd be interested in anyone's thoughts/use cases as to what would be the best way to resolve this.

GitHub Notification of comment by rachelandrew
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1894#issuecomment-341799695 using your GitHub account
Received on Friday, 3 November 2017 19:11:12 UTC

This archive was generated by hypermail 2.3.1 : Friday, 3 November 2017 19:11:12 UTC