- From: davidsgrogan via GitHub <sysbot+gh@w3.org>
- Date: Wed, 17 Aug 2022 23:41:12 +0000
- To: public-css-archive@w3.org
> We can also consider the following testcase, where the content is smaller than the transferred size: > > ``` > <div style="border: solid; display: flex; width: 10px; height: 100px"> > <div style="flex-grow: 1"></div> > </div> > ``` > > In this case, **browsers agree** on a final size of 10x100. If we went with the “non-replaced items use max(transferred size, content size)” for the automatic minimum size, this example would instead yield 100x100. I assume you meant to include `aspect-ratio: 1/1` on the item. Otherwise the example totally doesn't apply to this issue. With that [correction](https://jsfiddle.net/dgrogan/o8a0vytj/2/), **browsers do not agree** on a final size of 10x100. Chrome says 100x100. Firefox says 10x100. ```html <div style="border: solid; display: flex; width: 10px; height: 100px;"> <div style="flex-grow: 1; aspect-ratio: 1/1; border: 2px dashed blue;"> </div> </div> ``` Firefox only says width of 10 because they do not obey the definite stretched height. [Moving the height to the item ](https://jsfiddle.net/dgrogan/o8a0vytj/3/)shows that they also give 100x100: ```html <div style="border: solid; display: flex; width: 10px;"> <div style="flex-grow: 1; aspect-ratio: 1/1; border: 2px dashed blue; height: 100px;"> </div> </div> ``` So I think the conclusions from your post are based on some incorrect facts. -- GitHub Notification of comment by davidsgrogan Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6794#issuecomment-1218669239 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 17 August 2022 23:41:13 UTC