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

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