[csswg-drafts] [css-shapes-1] XYWH rounding should be calculated against inner box, not outer (#11401)

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

== [css-shapes-1] XYWH rounding should be calculated against inner  box, not outer ==
https://github.com/w3c/csswg-drafts/blob/d3327219e6f8c1794f6a1302acd76d46c501717a/css-shapes-1/Overview.bs#L418

> The optional <<'border-radius'>> argument(s)
> define rounded corners for the inset rectangle
> using the 'border-radius' shorthand syntax.

It's not specified and I believe it should whether border-radius percentage values should be calculated based on inset rectangle or its outer box.

```
#example {
  width: 100px;
  height: 300px;
  background: red;
  clip-path: xywh(0% 0% 100% 33.3% round 50%)
}
```

![image](https://github.com/user-attachments/assets/5b7236c0-5f51-4379-82b6-1fb9d167c449)

![image](https://github.com/user-attachments/assets/ef88bded-8e7e-46fd-b8d6-a863fa19820b)


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


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

Received on Friday, 20 December 2024 10:46:05 UTC