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

[csswg-drafts] [css-exclusions] Status of the exclusions spec

From: Rachel Andrew via GitHub <sysbot+gh@w3.org>
Date: Fri, 09 Nov 2018 20:55:15 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-379318435-1541796914-sysbot+gh@w3.org>
rachelandrew has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-exclusions] Status of the exclusions spec ==
I get reasonably frequent questions from web developers, to which the answer would be exclusions. Rob Weychert wrote up an issue he had with grid, and I put together some demos showing how Exclusions would solve that particular case, the demos work in Edge with the prefixed `-ms-wrap-flow`.

- Rob Weychert: [Editorial Layouts, Floats, and CSS Grid](https://v6.robweychert.com/blog/2018/11/css-grid-editorial-layouts/)
- my response and demos showing how Exclusions solves this: [Editorial Layouts, Exclusions and CSS Grid](https://rachelandrew.co.uk/archives/2018/11/09/editorial-layouts-exclusions-and-css-grid/)

Interop:

- Edge has the prefixed implementation that was in IE10
- the code was removed from Webkit] citing more work needed on the spec: https://trac.webkit.org/changeset/166618/webkit
- no implementation in Blink and the page on Chrome Status seems to have been removed: https://webcache.googleusercontent.com/search?q=cache:45kp79I7wb8J:https://www.chromestatus.com/feature/6296903092273152+&cd=1&hl=en&ct=clnk&gl=us
- no implementation in Firefox. Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=674804

Looking at the ED today there is [an issue regarding collision avoidance](https://drafts.csswg.org/css-exclusions/#issues-index), but there hasn't been any movement on the spec in some while. I think that now we do have grid layout, people are beginning to find a number of use cases - particular for editorial design - where perhaps revisiting this spec would make sense.

Other posts re Exclusions from the community:

- Ben Frain: [The frustration of using CSS Shapes and CSS Exclusions](https://benfrain.com/the-frustrations-of-using-css-shapes-and-css-exclusions/)
- Chen Hui Jing: [CSS Exclusions with Queen Bey](https://www.chenhuijing.com/blog/css-exclusions-with-queen-bey/)
- An older post of mine [CSS Exclusions and Grid Layout](https://rachelandrew.co.uk/archives/2016/03/16/css-exclusions-and-grid-layout/)
- Louie Rootfield [CSS Exclusions: Making Boring Layouts Less Boring](https://webdesign.tutsplus.com/tutorials/css-exclusions--cms-28087)

I'm raising this because I'm keen to see this implemented, and to give somewhere for discussion and for people to post use cases.


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3308 using your GitHub account
Received on Friday, 9 November 2018 20:55:17 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:39 UTC