Bug 240217

Summary:

setting "height" style for <progress> elements does not work

Product:

WebKit

Reporter:

Chijin <tlock.chijin>

Component:

Forms

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED WORKSFORME

Severity:

Normal

CC:

akeerthi, bfulgham, cdumez, webkit-bug-importer, wenson_hsieh

Priority:

Keywords:

InRadar

Version:

Safari 15

Hardware:

All

OS:

All

Attachments:

Description	Flags
chrome screenshot	none
webkit screenshot	none

Chijin

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

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

Chijin

Comment 1 2022-05-08 11:46:17 PDT

Created attachment 459016 [details] webkit screenshot

Radar WebKit Bug Importer

Comment 2 2022-05-15 11:46:13 PDT

<rdar://problem/93312456>

Brent Fulgham

Comment 3 2022-06-23 17:07:41 PDT

We are unable to reproduce this behavior in Safari 15 or Safari 16.

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