selectlist: add copydom attribute to <selectedoption>

The copydom attribute on <selectedoption> will make the parent <selectlist> start using cloneNode() on the selected <option>, rather than textContent, to populate the selectedoption. 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 · Aug 29, 2023 · 4b660ad · 4b660ad
1 parent 6ea4ba5
commit 4b660ad
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:jarhar@chromium.org">
+<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 copydom></selectedoption>
+  </button>
+  <option><span style="color:red">red</span> one</option>
+</selectlist>