231433 2021-10-08 08:48:24 -0700 outline rendering does not respect border-radius 2022-02-26 14:40:13 -0800 1 1 1 Unclassified WebKit Layout and Rendering Safari Technology Preview Mac (Apple Silicon) macOS 11 RESOLVED DUPLICATE 20807 https://bugs.webkit.org/show_bug.cgi?id=175288 https://bugs.webkit.org/show_bug.cgi?id=20807 InRadar P2 Normal --- 1 hello webkit-unassigned bfulgham blasterkat101+bugzilla jdanyow lwarlow rego simon.fraser webkit-bug-importer zalan oldest_to_newest 1802084 0 hello 2021-10-08 08:48:24 -0700 In Safari, the outline rendered as a result of the `outline` CSS property does not respect the border radius set by the `border-radius` property. In both Chrome and Firefox, this combination works correctly. There is a WPT reftest that checks this behaviour: https://wpt.live/css/css-ui/outline-005.html. See https://wpt.fyi/results/css/css-ui/outline-005.html?label=master&label=experimental&aligned There is also a WebKit bug for some general test failures regarding outline (https://bugs.webkit.org/show_bug.cgi?id=175288), but this failure specifically is rather severe so deserves it's own tracking bug I think. 1804831 1 webkit-bug-importer 2021-10-15 08:49:15 -0700 <rdar://problem/84303593> 1819645 2 blasterkat101+bugzilla 2021-12-02 03:54:58 -0800 I'm having this issue on Safari Version 15.1 (16612.2.9.1.30, 16612). I reproduced it in this fiddle: https://jsfiddle.net/zvmu5p0a/1/ In Chrome and Firefox the outline follows the border-radius, but not in Safari. 1832723 3 rego 2022-01-21 02:56:37 -0800 *** This bug has been marked as a duplicate of bug 20807 ***