[Webkit-unassigned] [Bug 243865] New: text-decoration shorthand value is invalid with custom properties

[bugzilla-daemon at webkit.org]

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

            Bug ID: 243865
           Summary: text-decoration shorthand value is invalid with custom
                    properties
           Product: WebKit
           Version: Safari 15
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: chriskirknielsen+wkbugs at gmail.com

**Overview:**
When using CSS custom properties in a text-decoration shorthand, the decoration is not rendered as the browser seems to not know what to do with the provided variable or variables, rendering the whole declaration invalid.

**Steps to Reproduce:**
1) Assign a color, style, or line type to a variable and use it in a shorthand `text-decoration` value.

Live example on CodePen: https://codepen.io/chriskirknielsen/pen/NWYLXpr?editors=1100

Code to reproduce:
```html
<p>Red dotted underline</p>
```

```css
p {
        --color: red;
        text-decoration: underline dotted var(--color);
}
```

**Actual Results:**
The text-decoration is not rendered.

**Expected Results:**
The text decoration should render below the text, dotted and in red.

**Build Date & Hardware:**
Using Safari Technology preview, Release 151 (Safari 16.0, WebKit 17615.1.1.2)
Running macOS Monterey 12.4 on MacBook Pro (16-inch, 2019)

**Additional Builds and Platforms:**
DOES OCCUR on Safari Version 15.5 (17613.2.7.1.8) on macOS
Doesn't occur on Chrome Version 104 on macOS
Doesn't occur on Firefox Version 103 on macOS

-- 
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/20220812/d9607848/attachment.htm>