Bug 240635 - "box-shadow" does not work on button
Summary: "box-shadow" does not work on button
Status: RESOLVED DUPLICATE of bug 240455
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: Safari 15
Hardware: All All
: P2 Critical
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2022-05-19 02:20 PDT by Chijin
Modified: 2022-05-19 15:31 PDT (History)
6 users (show)

See Also:

Attachments
webkit screenshot (84.74 KB, image/png)
2022-05-19 02:20 PDT, Chijin 		no flags Details
chrome screenshot (194.36 KB, image/png)
2022-05-19 02:20 PDT, Chijin 		no flags Details
firefox screenshot (90.81 KB, image/png)
2022-05-19 02:20 PDT, Chijin 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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 ***