selectlist: Make <selectedoption> cloneNode all contents

This patch makes <selectedoption> replace its child contents with not just the textContent of the selected <option>, but instead the selected <option>'s entire child content via cloneNode(). This use case has been discussed here: openui/open-ui#571 We aren't sure yet if this will be the path forward, but prototyping it and getting feedback will help move this issue forward. Bug: 1121840 Change-Id: Ia7c007b2193a8a0777295e299b57704d72832056
web-platform-tests · Sep 4, 2023 · a3deb59 · a3deb59
1 parent 83a0e8b
commit a3deb59
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/...semantics/forms/the-selectlist-element/selectlist-selectedoption-element-cloning-ref.html b/...semantics/forms/the-selectlist-element/selectlist-selectedoption-element-cloning-ref.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<button>
+  <span style="color:red">red</span> one
+</button>
diff --git a/...ics/forms/the-selectlist-element/selectlist-selectedoption-element-cloning.tentative.html b/...ics/forms/the-selectlist-element/selectlist-selectedoption-element-cloning.tentative.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<link rel=author href="mailto:[email protected]">
+<link rel=help href="https://github.com/openui/open-ui/issues/571">
+<link rel=match href="selectlist-selectedoption-element-cloning-ref.html">
+
+<selectlist>
+  <button type=selectlist>
+    <selectedoption></selectedoption>
+  </button>
+  <option><span style="color:red">red</span> one</option>
+</selectlist>