Summary

When you modify the text in a <select>'s selected <option>, the text display on the select element should reflect that new value,
It does not.

A website that is broken by this is https://battle.crossuniverse.net/settings (see the language dropdown at the very top)

Operating system

Linux

Steps to reproduce

1. Make a select element.
2. Put an option in it
3. Select the option
4. Use JS to change the options text, innerHTML, innerText, textContent or to setHTMLUnsafe() its contents or to append or remove children from it etc...

Expected behavior

The text on the select element should update to reflect the new content of the option element.

Actual behavior

The select element does not update to reflect the new content of the option element.

URL for a reduced test case

data:text/html,<script>foo.textContent="foo"</script>

HTML/SVG/etc. source for a reduced test case

<select>
  <option id="foo"></option>
</select>
<script>foo.textContent = "foo";</script>

Log output and (if possible) backtrace

Nothing.

Screenshots or screen recordings

Ladybird:

Firefox:

Build flags or config settings

No response

Contribute a patch?

• I’ll contribute a patch for this myself.