selectlist: Make <selectedoption> cloneNode all contents

josepharhar · chromium-wpt-export-bot · commit 0eff4f08a086 · 2023-09-04T05:17:22.000-07:00
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 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4810996 Commit-Queue: Joey Arhar <jarhar@chromium.org> Reviewed-by: Mason Freed <masonf@chromium.org> Cr-Commit-Position: refs/heads/main@{#1192051}
diff --git a/html/semantics/forms/the-selectlist-element/selectlist-selectedoption-element-cloning-ref.html b/html/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/html/semantics/forms/the-selectlist-element/selectlist-selectedoption-element-cloning.tentative.html b/html/semantics/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></selectedoption>
+  </button>
+  <option><span style="color:red">red</span> one</option>
+</selectlist>
