Bug 240635

Summary:

"box-shadow" does not work on button

Product:

WebKit

Reporter:

Chijin <tlock.chijin>

Component:

Forms

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED DUPLICATE

Severity:

Critical

CC:

akeerthi, bfulgham, cdumez, simon.fraser, wenson_hsieh, zalan

Priority:

Version:

Safari 15

Hardware:

All

OS:

All

Attachments:

Description	Flags
webkit screenshot	none
chrome screenshot	none
firefox screenshot	none

Chijin

Reported 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).

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 attachment proposed patch, testcase, etc.

Chijin

Comment 1 2022-05-19 02:20:30 PDT

Created attachment 459575 [details] chrome screenshot

Chijin

Comment 2 2022-05-19 02:20:41 PDT

Created attachment 459576 [details] firefox screenshot

Aditya Keerthi

Comment 3 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 ***

Note You need to log in before you can comment on or make changes to this bug.