Bug 227445 - Text decoration renders on top of text when it should be below
Summary: Text decoration renders on top of text when it should be below
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 14
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-06-28 05:39 PDT by Andy Bell
Modified: 2021-07-05 05:40 PDT (History)
4 users (show)

See Also:


Attachments
Safari 14.1.1 (467.09 KB, image/jpeg)
2021-06-28 05:39 PDT, Andy Bell
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Andy Bell 2021-06-28 05:39:38 PDT
Created attachment 432386 [details]
Safari 14.1.1

Expected behaviour: text decoration renders below the text 
Actual behaviour: text decoration renders above the text
Safari info: 14.1.1 (16611.2.7.1.4)
Condensed demo: https://codepen.io/piccalilli/pen/bf9e2945fd33d6aaddd31336f9184e64
Possible issue: The paint order should be underline before text https://drafts.csswg.org/css-text-decor-4/#painting-order
Comment 1 Radar WebKit Bug Importer 2021-07-05 05:40:31 PDT
<rdar://problem/80174107>