[Webkit-unassigned] [Bug 224483] New: text-decoration-thickness property change on hover stops working at certain font sizes

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Apr 13 05:59:48 PDT 2021


https://bugs.webkit.org/show_bug.cgi?id=224483

            Bug ID: 224483
           Summary: text-decoration-thickness property change on hover
                    stops working at certain font sizes
           Product: WebKit
           Version: Safari 14
          Hardware: Mac (Intel)
                OS: macOS 10.15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: vanita.barrett at digital.cabinet-office.gov.uk

Created attachment 425866

  --> https://bugs.webkit.org/attachment.cgi?id=425866&action=review

HTML example (alternative to CodePen)

## Steps to reproduce
1. Open https://codepen.io/36degrees/pen/LYxQBbm or the attached example.html
2. Hover over both links of the links on the line “17px link / with colour change” - text decoration thickness property expands to 3px
3. Hover over both of the links on the line “19px link / with colour change” - text decoration thickness property only expands to 3px on the link with colour change.

## Expected Behaviour 
The text underline thickness should increase to 3px on all links when hovered.

## Actual Behaviour
In this example, the text-decoration-thickness only increases to 3px on hover on links up to a font-size of 19px, unless the link also has a colour change on hover.

The font-size at which the text-decoration-thickness property stops working changes depending on the thickness being set on hover. In the CodePen / attached example, text-decoration-thickness is set to 3px on hover and stops working at links of font-size: 19px. Other examples:

text-decoration-thickness on hover: 2px 
font-size value at which it stops working: 15px

text-decoration-thickness on hover: 5px 
font-size value at which it stops working: 27px

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210413/176a396e/attachment-0001.htm>


More information about the webkit-unassigned mailing list