Bug 240652

Summary: "text-indent" does not work on "optgroup" element
Product: WebKit Reporter: Chijin <tlock.chijin>
Component: FormsAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Critical CC: akeerthi, cdumez, karlcow, webkit-bug-importer, wenson_hsieh
Priority: P2 Keywords: InRadar
Version: Safari 15   
Hardware: All   
OS: All   
See Also: https://bugs.webkit.org/show_bug.cgi?id=8351
Attachments:
Description Flags
webkit screenshot
none
firefox screenshot
none
chrome screenshot none

Description Chijin 2022-05-19 08:08:25 PDT
Created attachment 459588 [details]
webkit screenshot

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

code:
```
<html>
<head>
<style>
</style>
<script>
function jsfuzzer() {
document.getElementById("htmlvar00005").style["text-indent"] = "200px"
}
</script>
</head>
<body onload=jsfuzzer()>
<select id="htmlvar00004" multiple="multiple">
        <optgroup id="htmlvar00005" label="option1"></optgroup>
        <optgroup label="option2"></optgroup>
</select>
</body>
</html>

```

version: all webkit products (including Safari)

description:

The optgroup element does not change when setting the "text-indent". It does not follow the semantics of text-indent.

Chrome and FireFox work fine with it.
Comment 1 Chijin 2022-05-19 08:08:39 PDT
Created attachment 459589 [details]
firefox screenshot
Comment 2 Chijin 2022-05-19 08:08:50 PDT
Created attachment 459590 [details]
chrome screenshot
Comment 3 Radar WebKit Bug Importer 2022-05-26 08:09:13 PDT
<rdar://problem/93970684>