From 272b1fd26e634ff1ec1578fc8eda722dd629126c Mon Sep 17 00:00:00 2001
From: fantasai <fantasai.bugs@inkedblade.net>
Date: Tue, 15 Oct 2024 01:16:09 -0400
Subject: [PATCH] [css-pseudo-4][css-forms-1] Move ::picker() to css-forms-1
 where it belongs #10865

---
 css-forms-1/Overview.bs  | 45 ++++++++++++++++++++++++++++++++++++++++
 css-pseudo-4/Overview.bs | 40 -----------------------------------
 2 files changed, 45 insertions(+), 40 deletions(-)

diff --git a/css-forms-1/Overview.bs b/css-forms-1/Overview.bs
index 679d605b3df..1ef2789719e 100644
--- a/css-forms-1/Overview.bs
+++ b/css-forms-1/Overview.bs
@@ -11,6 +11,51 @@ Abstract: This document is currently a loosely-structured set of ideas and inspi
 Warning: not ready
 </pre>
 
+New Pseudo-Elements {#pseudos}
+==============================
+
+This section defines some pseudo-elements for styling parts of form elements.
+
+<h3 id="picker-pseudo">
+Styling form control pickers: the ''::picker()'' pseudo-element</h3>
+
+  The <dfn>::picker()</dfn> pseudo-element targets the popup picker of form
+  control elements which have popup pickers, such as the <{select}> element. It
+  is an [=element-backed pseudo-element=].
+
+  <pre class=prod>
+    ::picker() = ::picker( <<ident>>+ )
+  </pre>
+
+  Note: Once all of the controls that might support picker styling have it,
+  then we might add a (no-argument) ''::picker'' pseudo-element as well.
+
+  The ''::picker()'' pseudo-element only matches when the <a>originating
+  element</a> supports <a>base appearance</a> and has a popup picker. The
+  specified <<ident>> must also match the <dfn>unique picker name</dfn> of the
+  <a>originating element</a>. For example, the <a>unique picker name</a> for
+  the <{select}> element is "select".
+
+  Since it is an [=element-backed pseudo-element=], There is no restriction on which
+  properties apply to the ''::picker()'' pseudo-element.
+
+  In order for the ''::picker()'' pseudo-element to be rendered, it and its
+  <a>originating element</a> must be rendered with <a>base appearance</a> by
+  applying ''appearance: base'' to both of them.
+
+  <pre class="example">
+&lt;style>
+  select, select::picker(select) {
+    appearance: base;
+  }
+  select::picker(select) {
+    border: 5px solid red;
+    background-color: blue;
+  }
+&lt;/style>
+  </pre>
+
+
 Basic Styling Proposals {#ideas}
 ================================
 
diff --git a/css-pseudo-4/Overview.bs b/css-pseudo-4/Overview.bs
index bb2f1304d66..30657d07dc0 100644
--- a/css-pseudo-4/Overview.bs
+++ b/css-pseudo-4/Overview.bs
@@ -1683,46 +1683,6 @@ details[open]::details-content {
 }</pre>
   </div>
 
-<h3 id="picker-pseudo">
-Styling form control pickers: the ''::picker()'' pseudo-element</h3>
-
-  The <dfn>::picker()</dfn> pseudo-element targets the popup picker of form
-  control elements which have popup pickers, such as the <{select}> element. It
-  is an [=element-backed pseudo-element=].
-
-  <pre class=prod>
-    ::picker() = ::picker( <<ident>>+ )
-  </pre>
-
-  Note: Once all of the controls that might support picker styling have it,
-  then we might add a (no-argument) ''::picker'' pseudo-element as well.
-
-  The ''::picker()'' pseudo-element only matches when the <a>originating
-  element</a> supports <a>base appearance</a> and has a popup picker. The
-  specified <<ident>> must also match the <dfn>unique picker name</dfn> of the
-  <a>originating element</a>. For example, the <a>unique picker name</a> for
-  the <{select}> element is "select".
-
-  Since it is an [=element-backed pseudo-element=], There is no restriction on which
-  properties apply to the ''::picker()'' pseudo-element.
-
-  In order for the ''::picker()'' pseudo-element to be rendered, it and its
-  <a>originating element</a> must be rendered with <a>base appearance</a> by
-  applying ''appearance: base'' to both of them.
-
-  <pre class="example">
-&lt;style>
-  select, select::picker(select) {
-    appearance: base;
-  }
-  select::picker(select) {
-    border: 5px solid red;
-    background-color: blue;
-  }
-&lt;/style>
-  </pre>
-
-
 <h2 id="interactions">
 Overlapping Pseudo-element Interactions</h2>