[csswg-drafts] [css-sizing] How to transfer intrinsic keywords via aspect ratio? (#11236)

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

== [css-sizing] How to transfer intrinsic keywords via aspect ratio? ==
Are these canvases supposed to have different heights? How/why?

```html
<!DOCTYPE html>
<style>canvas { background: cyan; height: auto; aspect-ratio: 1 }</style>
<canvas width="50" height="25" style="width: auto"></canvas>
<canvas width="50" height="25" style="width: min-content"></canvas>
<canvas width="50" height="25" style="width: fit-content"></canvas>
<canvas width="50" height="25" style="width: max-content"></canvas>
```

| | |
| - | - |
| Blink | ![](https://github.com/user-attachments/assets/ad6024b6-6da6-473e-9cec-b3d433965207) |
| WebKit | ![](https://github.com/user-attachments/assets/162c6012-27e3-48f0-8bd7-228b95bfa775) |
| Gecko | ![](https://github.com/user-attachments/assets/18a2b702-ff4b-4269-b3d6-88be62b4e9de) |

For Servo it would be simpler to treat `auto` as `fit-content` and make them all 50px tall.
But having an exception just for `auto` isn't a big deal.
I don't understand what Gecko is doing.




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


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

Received on Monday, 18 November 2024 19:39:37 UTC