Adding `inline-flex` to element breaks hover styles, actually `text-decoration-color`. Demo: https://jsfiddle.net/tq5efamk/ It works fine in latest Chrome and Firefox
<rdar://problem/46926256>
I am able to reproduce this bug in Safari Technology Preview 152 on macOS 12.5.1 using "JSFiddle" from Comment 0, where hovering on "Broken" link does not show underline like it shows for "fine". All other browsers (Chrome Canary 107 and Firefox Nightly 106) show underline for both cases. Thanks!