[csswg-drafts] [css-sizing-4] The priority of different minimum and maximum sizes (#7461)

cathiechen has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-sizing-4] The priority of different minimum and maximum sizes ==
Now, we have different kinds of minimum/maximum sizes:
* The Definite minimum/maximum sizes
* [Transferred Min/Max Sizes](https://drafts.csswg.org/css-sizing-4/#aspect-ratio-size-transfers)
* [Automatic Content-based Minimum Sizes](https://drafts.csswg.org/css-sizing-4/#aspect-ratio-minimum)

1. Per [1], the "Definite minimum/maximum sizes" has higher priority than the "Automatic Content-based Minimum Sizes".
```
<!DOCTYPE html>
<style>
    #target {
        background: green;
        height: 100px;
        aspect-ratio: 1 / 1;
        max-width: 30px;
    }
</style>
<div id="target">
    <div style="width:200px;"></div>
</div>
```
The definite maximum width is 30px, the Automatic Content-based Minimum width is 200px, so the calculated width of target should be 30px, IIUC.
Tested in Chromium, WebKit and Gecko, the calculated width of target is 30px. I think we need a test for it if we have an agreement here. 

2. Per [2], the "Definite minimum/maximum sizes" has higher priority than the "Transferred Min/Max Sizes".

```
<!DOCTYPE html>
<style>
    #target {
        background: green;
        height: 100px;
        aspect-ratio: 1 / 1;
        max-height: 50px;
        max-width: 30px;
    }
</style>

<div id="target"></div>
```
The "Definite maximum width" is 30px, the "Transferred Max width" is 50px, so the width of target should be 30px.
WebKit is 50px, Chromium and Gecko is 30px. Need a WPT test for it here.

3. It seems we have not defined the priority of "Transferred Min/Max Sizes" and "Automatic Content-based Minimum Sizes" explicitly.
```
<!DOCTYPE html>
<style>
    #target {
        background: green;
        height: 100px;
        aspect-ratio: 1 / 1;
        max-height: 30px;
    }
</style>

<div id="target">
    <div style="width:200px;"></div>
</div>
```
The "Transferred Max width" is 30px, and the "Automatic Content-based Minimum width" is 200px.
The behavior of the engines are consistent, all are 200px.
I do not have a strong opinion here, if the agreement is 200px, need a WPT test for it.

[1] https://drafts.csswg.org/css-sizing-4/#aspect-ratio-minimum
[2] https://drafts.csswg.org/css-sizing-4/#aspect-ratio-size-transfers

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7461 using your GitHub account


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

Received on Wednesday, 6 July 2022 15:31:57 UTC