228143 2021-07-21 02:27:18 -0700 AX: CSS outline clipping when elements are resized in CSS 2026-03-20 07:34:41 -0700 1 1 1 Unclassified WebKit Layout and Rendering Safari 14 Unspecified macOS 10.15 RESOLVED WORKSFORME InRadar P2 Normal --- 1 davehouse webkit-unassigned annevk bfulgham simon.fraser webkit-bug-importer zalan oldest_to_newest 1778383 0 davehouse 2021-07-21 02:27:18 -0700 When an element such as a link has an outline defined in CSS (for example as a :focus state) and that element has also been resized through bolding or increasing the font size the outline seems to clip based on the original font size. If you zoom the browser 2-3 times it triggers some kind of repaint and the outline appears. The only way I have managed to get an outline to render properly in Safari is to add `overflow: auto` to the element which seems to force the outline to render correctly. Simplified test case here: https://codepen.io/iknowdavehouse/pen/wvdqdba 1778384 1 webkit-bug-importer 2021-07-21 02:27:29 -0700 <rdar://problem/80887280> 1779031 2 gsnedders 2021-07-23 04:35:52 -0700 Some layout/paint invalidation bug? 2192062 3 annevk 2026-03-20 07:34:41 -0700 It seems this got fixed at some point.