Bug 240706 - "box-shadow" does not work on select element
Summary: "box-shadow" does not work on select element
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: Safari 15
Hardware: All All
: P2 Critical
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-05-20 00:23 PDT by Chijin
Modified: 2022-05-27 00:24 PDT (History)
4 users (show)

See Also:

Attachments
webkit screenshot (94.10 KB, image/png)
2022-05-20 00:23 PDT, Chijin 		no flags Details
chrome screenshot (198.54 KB, image/png)
2022-05-20 00:24 PDT, Chijin 		no flags Details
firefox screenshot (98.60 KB, image/png)
2022-05-20 00:24 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-20 00:23:57 PDT 
Created attachment 459607 [details]
webkit screenshot

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

code:
```
<html>
<head>
<style>
</style>
<script>
function jsfuzzer() {
document.getElementById("htmlvar00005").style["box-shadow"] = " 69px 1px green"
}
</script>
</head>
<body onload=jsfuzzer()>
<select id="htmlvar00005" multiple="multiple">
    <option value="dog">Dog</option>
    <option value="cat">Cat</option>
</select>

</body>
</html>


```

version: all webkit products (including Safari)

description:

The select 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-20 00:24:09 PDT 
Created attachment 459608 [details]
chrome screenshot
Comment 2 Chijin 2022-05-20 00:24:19 PDT 
Created attachment 459609 [details]
firefox screenshot
Comment 3 Radar WebKit Bug Importer 2022-05-27 00:24:14 PDT 
<rdar://problem/94020622>