Bug 240781 - block-size/height does not work on "progress" element
Summary: block-size/height does not work on "progress" element
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 15
Hardware: All All
: P2 Critical
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-05-22 19:30 PDT by Chijin
Modified: 2022-05-30 01:52 PDT (History)
3 users (show)

See Also:


Attachments
webkit screenshot (84.61 KB, image/png)
2022-05-22 19:30 PDT, Chijin
no flags Details
chrome screenshot (193.17 KB, image/png)
2022-05-22 19:30 PDT, Chijin
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Chijin 2022-05-22 19:30:30 PDT
Created attachment 459657 [details]
webkit screenshot

reprodiciable example: https://codepen.io/chijinz/pen/poarLyL

code:
```
<html>
<head>
<style>
</style>
<script>
function jsfuzzer() {
document.getElementById("htmlvar00002").style["block-size"] = "50px"
}
</script>
</head>
<body onload=jsfuzzer()>
<progress id="htmlvar00002"></progress>
</body>
</html>

```

version: all webkit products (including Safari)

description:

The setting of "block-size" should made the progress element bigger. But it does not work. Chrome works fine with it.
Comment 1 Chijin 2022-05-22 19:30:47 PDT
Created attachment 459658 [details]
chrome screenshot
Comment 2 Radar WebKit Bug Importer 2022-05-29 19:31:12 PDT
<rdar://problem/94096414>
Comment 3 Tim Nguyen (:ntim) 2022-05-30 01:52:38 PDT
WebKit has the same behavior as Firefox here.