Re: [csswg-drafts] [css-backgrounds-3][css-borders-4] The shape of box-shadow should be a circle for a box with border-radius:50% and big spread (#7103)

>It's the same in Firefox and Safari.

It's not the same in Firefox, it has a consistent algorithm for outlines and shadows. `overflow-clip-margin` was inconsistent but that was fixed the other day.

But sure, Safari has inconsistent outlines and shadows too. Not sure what it is doing with shadows, it's not following the current spec either. It doesn't support `overflow-clip-margin`.

> What you call "discontinuous" (as far as I understand) is a stroke

You were grouping outlines and strokes together, but I'm testing canvas strokes and they do something different:

```html
<!DOCTYPE html>
<canvas id=canvas width=400 height=200></canvas>
<div style="width: 250px; height: 50px; border-radius: 50%; outline: 75px solid; margin: 75px;"></div>
<script>
var ctx = canvas.getContext("2d");
ctx.lineWidth = 150;
ctx.ellipse(200, 100, 125, 25, 0, 0, 2 * Math.PI);
ctx.stroke();
ctx.fillStyle = "#fff";
ctx.fill();
</script>
```

| Blink | WebKit | Gecko |
| - | - | - |
| <img width="824" height="833" src="https://github.com/user-attachments/assets/ba6ee38b-bc2a-4db5-a12a-093acb0cb1a7" /> | <img width="824" height="833" src="https://github.com/user-attachments/assets/9c1a6ecf-656a-4321-a840-198df2cee54d" /> | <img width="824" height="833" alt="Image" src="https://github.com/user-attachments/assets/4e190b95-8ca8-4010-860d-7d121ff41ad6" /> |

IMO the outline (below) looks better than the stroke (above).

Anyways I guess we can explore converging with strokes, but since they aren't part of CSS and browsers treat them differently, I think it's fine to keep it that way. I'd want consistency among the CSS things, though.

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


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

Received on Tuesday, 26 August 2025 21:17:44 UTC