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

Re: [csswg-drafts] [css-flexbox][css-sizing] Using tables in flexbox

From: François REMY via GitHub <sysbot+gh@w3.org>
Date: Fri, 03 Feb 2017 18:12:08 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-277320070-1486145526-sysbot+gh@w3.org>
It is my understanding ```width:fill``` should indeed behave like 
```width:100%``` in this case, but I haven't looked at that very much 
since Edge does not support the feature at this point.

The actual problem you are having though is that your final markup is 
in fact:
```
<flex>
    <div>...</div>
    <::table-wrapper>
        <caption>...</caption><!-- moved out of <table> -->
        <table>...</table>
    </::table-wrapper>
</flex>
```
and applying flex:1 on ```<table>``` has no effect since it is not a 
direct children of the flex.

I have a very strong distaste for this wrapper thing and would totally
 want to remove it, it adds tons of unnecessary complexity and is not 
that interoperable but I haven't had much success in convincing people
 (especially @fantasai) that we should move to spec this instead:
```
<flex>
    <div>...</div>
    <table><!-- keeps most of its properties -->
        <::table-grid-area /><!-- hoists only background and border 
from parent -->
        <caption>...</caption> <!-- no need to move -->
        <tr>...</tr>
        ...
    </table>
</flex>
```

Note that there was already another bug on this, so we might want to 
consider merging the threads. 

-- 
GitHub Notification of comment by FremyCompany
Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/948#issuecomment-277320070 
using your GitHub account
Received on Friday, 3 February 2017 18:12:19 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 19 October 2021 01:30:28 UTC