- From: Manuel Rego Casasnovas via GitHub <sysbot+gh@w3.org>
- Date: Tue, 07 Apr 2020 05:45:45 +0000
- To: public-css-archive@w3.org
There's already the following text on the spec:
> To the extent that the outline follows the border edge, it should follow the border-radius curve.
It's not mandatory, but it says it should follow the border-radius.
The section that talks about `outline-style: auto` mentions that the `outline-color` might be used or not, but doesn't talk about the border-radius thing.
Also there are bugs in Chromium and WebKit about outline not following border-radius:
* https://bugs.chromium.org/p/chromium/issues/detail?id=81556
* https://bugs.webkit.org/show_bug.cgi?id=20807
The outline doesn't follow border-radius in the following example (same behavior in Chromium, Firefox and WebKit):
```data:text/html,<style>div{outline: solid thick magenta; border: solid thick cyan; width: 200px; height: 200px; border-radius: 50px;}</style><div></div>```
However, it follows border-radius only on WebKit and Mac (not in other platforms or Chromium or Firefox) if you use `outline-style: auto` :
```data:text/html,<style>div{outline: auto thick magenta; border: solid thick cyan; width: 200px; height: 200px; border-radius: 50px;}</style><div></div>```
--
GitHub Notification of comment by mrego
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4671#issuecomment-610187097 using your GitHub account
Received on Tuesday, 7 April 2020 05:45:49 UTC