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

Do people frequently do that? If the behavior can't change, consider

```html
<!DOCTYPE html>
<style>svg { background: cyan; height: auto }</style>
<svg width=20 height=10 viewBox="0 0 1 1" style="aspect-ratio: auto; width: auto"></svg>
<svg width=20 height=10 viewBox="0 0 1 1" style="aspect-ratio: auto; width: 20px"></svg>
<svg width=20 height=10 viewBox="0 0 1 1" style="aspect-ratio: 1; width: auto"></svg>
<svg width=20 height=10 viewBox="0 0 1 1" style="aspect-ratio: 1; width: 20px"></svg>
```

I'm getting the same on Gecko, Blink and WebKit:

![](https://github.com/user-attachments/assets/aa79f53e-9af8-4e65-8b17-9f334c838102)

Given that `aspect-ratio: auto` and `1` are already different (even if it's a replaced element with a natural ratio of `1`), I would tie the special behavior to `aspect-ratio` being `auto` (or `auto <ratio>`?).


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


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

Received on Thursday, 30 January 2025 19:52:08 UTC