Bug 240706

Summary: "box-shadow" does not work on select element
Product: WebKit Reporter: Chijin <tlock.chijin>
Component: FormsAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Critical CC: akeerthi, cdumez, webkit-bug-importer, wenson_hsieh
Priority: P2 Keywords: InRadar
Version: Safari 15   
Hardware: All   
OS: All   
See Also: https://bugs.webkit.org/show_bug.cgi?id=240455
Attachments:
Description Flags
webkit screenshot
none
chrome screenshot
none
firefox screenshot none

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>