Re: [csswg-drafts] [css-grid-2] Resolving padding in indefinite intrinsic size calculation and using that to resolve indefinite size? (#8963)

> It still doesn't make sense to me that Blink behaves different in [these cases](https://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cstyle%3E%0A.wrapper%20%7B%20width%3A%20max-content%3B%20border%3A%20solid%203px%3B%20%7D%0A.grid%20%7B%20background%3A%20gray%3B%20display%3A%20grid%3B%20grid-template-rows%3A%20100px%3B%0A%20%20%20%20%20%20%20%20box-sizing%3A%20border-box%3B%20padding%3A%2010%25%3B%20width%3A%20min-content%3B%20max-width%3A%20200px%3B%20%7D%0A.grid%3A%3Abefore%20%7B%20content%3A%20%22%22%3B%20background%3A%20lime%3B%20width%3A%20100px%20%7D%0A.grid%3A%3Aafter%20%7B%20content%3A%20%22%22%3B%20background%3A%20lime%3B%20width%3A%20100px%20%7D%0A%3C%2Fstyle%3E%0A%3Cdiv%20class%3D%22wrapper%22%3E%0A%20%20%3Cdiv%20class%3D%22grid%22%20style%3D%22grid-template-columns%3A%20repeat(auto-fill%2C%2051%25)%22%3E%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%3Cdiv%20class%3D%22wrapper%22%3E%0A%20%20%3Cdiv%20class%3D%22grid%22%20style%3D%22grid-template-columns%3A%20repeat(auto-fill%2C%20100px)%22%3E%3C%2Fdiv%3E%0A%3C%2Fdiv%3E):

The difference here is that the "51%" gets resolved against zero during the min/max pass, and so will compute the number of repetitions to be 200, (search for: "It is suggested that this floor be 1px" in the spec). The spec is kinda vauge in this area and doesn't explicitly call out what to resolve the percentages against.

As we have 200 columns we'll place the two children beside each other get get a min/max content size 200px.
Once inside the layout pass we can resolve the percentages, and only fit a single column.

> (Need to think some more about comparable scenarios & to-what-extent this is broken...)

@dholbert Do you agree Firefox seems wrong for this case? https://www.software.hixie.ch/utilities/js/live-dom-viewer/?saved=11792


-- 
GitHub Notification of comment by bfgeek
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8963#issuecomment-1592301871 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 15 June 2023 03:40:48 UTC