Bug 193017

Summary:	inline-flex breaks text-decoration-color on hover
Product:	WebKit	Reporter:	shrpne <corsar89>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	ahmad.saleem792, ap, bfulgham, corsar89, simon.fraser, webkit-bug-importer, zalan
Priority:	P2	Keywords:	BrowserCompat, InRadar
Version:	Safari 12
Hardware:	Mac
OS:	macOS 10.14

Description shrpne 2018-12-23 15:22:53 PST

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

Comment 1 Radar WebKit Bug Importer 2018-12-23 16:18:21 PST

<rdar://problem/46926256>

Comment 2 Ahmad Saleem 2022-08-29 03:23:59 PDT

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!