Bug 240217 - setting "height" style for <progress> elements does not work
Summary: setting "height" style for <progress> elements does not work
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: Safari 15
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-05-08 11:45 PDT by Chijin
Modified: 2022-06-23 17:07 PDT (History)
5 users (show)

See Also:

Attachments
chrome screenshot (189.62 KB, image/png)
2022-05-08 11:45 PDT, Chijin 		no flags Details
webkit screenshot (91.98 KB, image/png)
2022-05-08 11:46 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-08 11:45:55 PDT 
Created attachment 459015 [details]
chrome screenshot

version: Safari 15

reproduciable example:

```
<html>
<head>
<style>
</style>
<script>
function jsfuzzer() {
document.getElementById("htmlvar00001").style["height"] = "100px"
}
</script>
</head>
<body onload=jsfuzzer()>
<progress id="htmlvar00001"></progress>
</body>
</html>
```


example url: https://codepen.io/chijinz/pen/wvyMRQZ

description:

The <progress> element should change its size when setting the "height" style. But the it does not change as expected. Chrome works fine with it (attached is the screenshot).
Comment 1 Chijin 2022-05-08 11:46:17 PDT 
Created attachment 459016 [details]
webkit screenshot
Comment 2 Radar WebKit Bug Importer 2022-05-15 11:46:13 PDT 
<rdar://problem/93312456>
Comment 3 Brent Fulgham 2022-06-23 17:07:41 PDT 
We are unable to reproduce this behavior in Safari 15 or Safari 16.