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

Chijin
Reported 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).
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 attachment proposed patch, testcase, etc.
Chijin
Comment 1 2022-05-20 00:24:09 PDT
Created attachment 459608 [details] chrome screenshot
Chijin
Comment 2 2022-05-20 00:24:19 PDT
Created attachment 459609 [details] firefox screenshot
Radar WebKit Bug Importer
Comment 3 2022-05-27 00:24:14 PDT
<rdar://problem/94020622>
Note You need to log in before you can comment on or make changes to this bug.