Bug 240635

Summary: "box-shadow" does not work on button
Product: WebKit Reporter: Chijin <tlock.chijin>
Component: FormsAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Critical CC: akeerthi, bfulgham, cdumez, simon.fraser, wenson_hsieh, zalan
Priority: P2    
Version: Safari 15   
Hardware: All   
OS: All   
Attachments:
Description Flags
webkit screenshot
none
chrome screenshot
none
firefox screenshot none

Description Chijin 2022-05-19 02:20:14 PDT 
Created attachment 459574 [details]
webkit screenshot

reprodiciable example: https://codepen.io/chijinz/pen/MWQmQdZ

code:
```
<html>
<head>
<style>
</style>
<script>
function jsfuzzer() {
document.getElementById("htmlvar00001").style["box-shadow"] = "red 2px 100px"
}
</script>
</head>
<body onload=jsfuzzer()>
<button id="htmlvar00001" >button</button>
</body>
</html>

```

version: all webkit products (including Safari)

description:

The button element does not have shadow even though the "box-shadow" is set. Chrome and Firefox work fine with it.

Could be the same root cause with this issue (https://bugs.webkit.org/show_bug.cgi?id=240455).
Comment 1 Chijin 2022-05-19 02:20:30 PDT 
Created attachment 459575 [details]
chrome screenshot
Comment 2 Chijin 2022-05-19 02:20:41 PDT 
Created attachment 459576 [details]
firefox screenshot
Comment 3 Aditya Keerthi 2022-05-19 15:31:43 PDT 
This has the same root cause as webkit.org/b/240455. I retitled 240455 to make that clear.

*** This bug has been marked as a duplicate of bug 240455 ***