Bug 261571

Summary:

CSS text-decoration:underline for <details><summary> not works in Safari

Product:

WebKit

Reporter:

Dmitry <dmitry>

Component:

Text

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

ahmad.saleem792, karlcow, mmaxfield, ntim, simon.fraser, webkit-bug-importer, webkit.org, zalan

Priority:

Keywords:

InRadar

Version:

Safari 17

Hardware:

Unspecified

OS:

Unspecified

Bug Depends on:

Bug Blocks:

252223

Attachments:

Description	Flags
STP178 vs Safari 16.6 vs Chrome Canary 119	none
emphasizes not the full width	none

Description Dmitry 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?

Comment 1 Ahmad Saleem 2023-09-15 08:57:32 PDT

Can you try latest Safari Technology Preview? Because I fixed this bug.

Comment 2 Ahmad Saleem 2023-09-15 09:00:44 PDT

Here in bug 227282

Comment 3 Dmitry 2023-09-15 12:15:00 PDT

I use latest 16.5 Safafi Ventura, and observe this bug

Comment 4 Ahmad Saleem 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.

Comment 5 Dmitry 2023-09-18 12:28:46 PDT

Created attachment 467744 [details]
emphasizes not the full width

emphasizes not the full width

Comment 6 Radar WebKit Bug Importer 2023-09-21 13:51:15 PDT

<rdar://problem/115858743>

Comment 7 Ahmad Saleem 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?

Comment 8 Curtis Wilcox 2023-10-21 11:18:06 PDT

I can't reproduce the problem in Safari 17.0, the <summary> is underlined.