LibWeb/HTML: Iterate over select options in tree order

This also saves us from iterating twice over the children, and instead do it in a single pass.
Author: https://github.com/shannonbooth Commit: 802529bafc Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/3368 Reviewed-by: https://github.com/awesomekling Reviewed-by: https://github.com/tcl3 ✅
2025-07-30 04:39:06 +00:00 · 2025-01-26 14:34:12 +13:00 · 2025-01-26 14:34:12 +13:00 · 802529bafc · 2025-01-27 00:11:13 +00:00
commit 802529bafc
parent 4f80c7a5f3
3 changed files with 29 additions and 11 deletions
--- a/Tests/LibWeb/Text/input/HTML/select-index-is-in-tree-order.html
+++ b/Tests/LibWeb/Text/input/HTML/select-index-is-in-tree-order.html
@ -0,0 +1,16 @@
+<select id="test-select">
+    <option value="0" selected>Option 0</option>
+    <optgroup label="Group 1">
+        <option value="1">Option 1</option>
+        <option value="2">Option 2</option>
+    </optgroup>
+    <option value="3" selected>Option 3</option>
+    <option value="4">Option 4</option>
+</select>
+<script src="../include.js"></script>
+<script>
+    test(() => {
+        const selectElement = document.getElementById('test-select');
+        println(selectElement.selectedIndex);
+    });
+</script>