Handle command buttons inside of popover light dismiss

source

@@ -91990,8 +91990,8 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
     <p>While <var>currentNode</var> is not null:</p>
 
     <ol>
-     <li><p>Let <var>targetPopover</var> be <var>currentNode</var>'s <span>popover target
-     element</span>.</p></li>
+     <li><p>Let <var>targetPopover</var> be <var>currentNode</var>'s <span>target popover</span>.
+     </p></li>
 
      <li><p>If <var>targetPopover</var> is not null and <var>targetPopover</var>'s <code
      data-x="attr-popover">popover</code> attribute is in the <span
@@ -92007,6 +92007,68 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
   </ol>
   </div>
 
+  <div algorithm>
+  <p>To get the <dfn>target popover</dfn> given a <code>Node</code> <var>node</var>, perform the
+  following steps. They return an <span data-x="HTML elements">HTML element</span> or null.</p>
+
+  <ol>
+   <li>
+    <p>If <var>node</var> is an <span data-x="HTMLButtonElement">HTML button element</span>,
+    then:</p>
+
+    <ol>
+     <li><p>Let <var>target</var> be the result of running <var>node</var>'s <span data-x="get the
+     attr-associated element">get the <code data-x="">commandfor</code>-associated
+     element</span>.</p></li>
+
+     <li>
+      <p>If <var>target</var> is not null, then:</p>
+
+      <ol>
+       <li><p>If <var>node</var> is <span data-x="concept-fe-disabled">disabled</span>, then return
+       null.</p></li>
+
+       <li>
+        <p>If <var>node</var> has a <span>form owner</span>:</p>
+
+        <ol>
+         <li><p>If <var>element</var> is a <span data-x="concept-submit-button">submit
+         button</span>, then return null.</p></li>
+
+         <li><p>If <var>element</var>'s <code data-x="attr-button-type">type</code> attribute is in
+         the <span data-x="attr-button-type-reset-state">Reset Button</span> state, then return
+         null.</p></li>
+
+         <li><p>If <var>element</var>'s <code data-x="attr-button-type">type</code> attribute is in
+         the <span data-x="attr-button-type-auto-state">Auto</span> state, then return
+         null.</p></li>
+         <!-- We do this for compatability and plan to remove this restriction in future, see
+              https://github.com/whatwg/html/issues/10832 -->
+        </ol>
+       </li>
+
+       <li><p>Let <var>command</var> be <var>node</var>'s <code
+       data-x="attr-button-command">command</code> attribute.</p></li>
+
+       <li><p>If <var>command</var> is not in the <span
+       data-x="attr-button-command-toggle-popover-state">Toggle Popover</span>, <span
+       data-x="attr-button-command-hide-popover-state">Hide Popover</span>, or <span
+       data-x="attr-button-command-show-popover-state">Show Popover</span> states, then return
+       null.</p></li>
+
+       <li><p>If <var>target</var>'s <code data-x="attr-popover">popover</code> attribute is in the
+       <span data-x="attr-popover-none-state">No Popover</span> state, then return null.</p></li>
+
+       <li><p>Return <var>target</var>.</p></li>
+      </ol>
+     </li>
+    </ol>
+   </li>
+
+   <li><p>Return <var>node</var>'s <span>popover target element</span>.</p></li>
+  </ol>
+  </div>
+
 
   <h2 split-filename="browsers" id="browsers">Loading web pages</h2>