[csswg-drafts] [css-borders-4] `corner-shape` should impact the rendering of disjoint color corner joins (#11764)

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

== [css-borders-4] `corner-shape` should impact the rendering of disjoint color corner joins ==
I think `corner-shape: notch` should affect how the join between two colors is rendered.

Here's a rendering of 
```
        .box {
            width: 100px;
            height: 100px;
            box-sizing: border-box;
            background-color: silver;
            border-width: 20px;
            border-color: green;
            border-style: solid;
            corner-shape: notch;
            border-right-width: 0;
            border-bottom-width: 0;
            border-top-left-radius: 34%;
            border-left-color: blue;
        }
```

![Image](https://github.com/user-attachments/assets/1c7338e5-92f6-4ad7-9fd4-19c158a2af2e)

Now if we make the left border thinner, we get:

![Image](https://github.com/user-attachments/assets/a2b979b5-b345-47f7-9344-3229733ff604)

This looks wrong. I think the color join should happen along the intersection of the two inner corners of the notch.

With other corner shapes, the corner join that falls out of existing code (a line intersecting the border box and padding box corners) seems OK (excuse the glitchy rendering):

![Image](https://github.com/user-attachments/assets/134278eb-e4c2-43b5-95b9-c93a523d81e9)


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


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

Received on Sunday, 23 February 2025 20:37:13 UTC