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

[csswg-drafts] [css-display] "flow-root" for property "display" is harmful

From: Binyamin Laukstein via GitHub <sysbot+gh@w3.org>
Date: Wed, 25 Jan 2017 10:03:25 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-203058883-1485338603-sysbot+gh@w3.org>
laukstein has just created a new issue for 

== [css-display] "flow-root" for property "display" is harmful ==
"display: flow-root" is harmful:
1. requires to use an extra Element
2. spec doesn't support display multiple values like `display: flex 

Please implement a new/different property for "flow-root"! Seems any 
existing property without multiple values support will be harmful ...

How you would want to apply **flow-root** for **flex** Element 

    .selector {
        display: flex;
    <div class=selector></div>

It requires:

    .clearfix {
        display: flow-root;
    .selector {
        display: flex;
    <div class=clearfix>
        <div class=selector></div>

If nothing changed, the the old approach is perhaps better:

    .selector {
        display: flex;
    .selector:after {
        content: “”;
        display: block;
        clear: both;
    <div class=selector></div>

Imagine if **flow-root** needed for 2 thousands of Elements - will you
 require to add in DOM extra 2 thousands Elements only for "clearfix"?

Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/983 using your GitHub 
Received on Wednesday, 25 January 2017 10:03:32 UTC

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