CSS text-decoration:underline for <details><summary> not works in Safari 
https://bugs.webkit.org/show_bug.cgi?id=261571
Summary CSS text-decoration:underline for <details><summary> not works in Safari
Dmitry
Reported 2023-09-14 13:50:07 PDT
CSS property text-decoration:underline for <details><summary> not works in Safari. It works in all other (include old) browsers. It works in Safari with other selectors. How make it work?
Attachments
STP178 vs Safari 16.6 vs Chrome Canary 119 (154.64 KB, image/png)
2023-09-16 01:46 PDT, Ahmad Saleem 		no flags
Details
emphasizes not the full width (24.42 KB, image/png)
2023-09-18 12:28 PDT, Dmitry 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Ahmad Saleem
Comment 1 2023-09-15 08:57:32 PDT
Can you try latest Safari Technology Preview? Because I fixed this bug.
Ahmad Saleem
Comment 2 2023-09-15 09:00:44 PDT
Here in bug 227282
Dmitry
Comment 3 2023-09-15 12:15:00 PDT
I use latest 16.5 Safafi Ventura, and observe this bug
Ahmad Saleem
Comment 4 2023-09-16 01:46:23 PDT
Created attachment 467697 [details] STP178 vs Safari 16.6 vs Chrome Canary 119 Test Case: https://jsfiddle.net/he9gb7us/show -> It is fixed in Safari Technology Preview 178.
Dmitry
Comment 5 2023-09-18 12:28:46 PDT
Created attachment 467744 [details] emphasizes not the full width emphasizes not the full width
Radar WebKit Bug Importer
Comment 6 2023-09-21 13:51:15 PDT
<rdar://problem/115858743>
Ahmad Saleem
Comment 7 2023-09-21 13:56:39 PDT
@Dimtry - can you share test case where width is not extended fully as shown in your reference screenshot?
Curtis Wilcox
Comment 8 2023-10-21 11:18:06 PDT
I can't reproduce the problem in Safari 17.0, the <summary> is underlined.
Note You need to log in before you can comment on or make changes to this bug.