- From: Oriol Brufau via GitHub <noreply@w3.org>
- Date: Fri, 19 Dec 2025 10:44:17 +0000
- To: public-css-archive@w3.org
Loirooriol has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-sizing] `aspect-ratio` shouldn't apply to `<audio>` ==
There is interoperability among browsers that [`aspect-ratio`](https://drafts.csswg.org/css-sizing-4/#aspect-ratio) has no effect on `<audio>` during layout. It's not a computed value adjustment.
See https://phabricator.services.mozilla.com/D118245
```html
<!DOCTYPE html>
<audio controls style="aspect-ratio: 1; border: solid magenta"></audio>
<script>
document.body.append(getComputedStyle(document.querySelector("audio")).aspectRatio);
</script>
```
| Engine | Result |
| - | - |
| Gecko | <img width="350" height="59" alt="Image" src="https://github.com/user-attachments/assets/22d18f0e-cd8b-4ad0-979b-8124387adfbe" /> |
| Blink | <img width="350" height="70" alt="Image" src="https://github.com/user-attachments/assets/3b42d5b8-1bd6-4798-b430-b49624246913" /> |
| WebKit | <img width="350" height="44" alt="Image" src="https://github.com/user-attachments/assets/00b7c37f-19c5-475a-822c-a84714521f32" /> |
| Servo | <img width="350" height="57" alt="Image" src="https://github.com/user-attachments/assets/ec988e38-9e14-4c95-9a15-5bd661550122" /> |
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13248 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 19 December 2025 10:44:18 UTC