Ensure modal dialogs can nest inside of hint popovers

Allow dialogs that are nested inside of a hint popover to be shown as modal. The previous text meant that dialogs may close their parent hint popover causing issues similar to #9998. Make it such that a dialog (or fullscreen element) is a viable candidate to nest inside of a hint popover.

Closes #11008, by making the modifications suggested in that issue.

Author: keithamus

source

@@ -87464,11 +87464,11 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
        data-x="attr-popover-manual-state">Manual</span> or <span
        data-x="attr-popover-none-state">None</span> state.</p></li>
 
-       <li><p>Set <var>okNesting</var> to true if <var>newPopoverOrTopLayerElement</var>'s <code
-       data-x="attr-popover">popover</code> attribute is in the <span
-       data-x="attr-popover-hint-state">Hint</span> state or <var>candidateAncestor</var>'s <code
-       data-x="attr-popover">popover</code> attribute is in the <span
-       data-x="attr-popover-auto-state">Auto</span> state.</p></li>
+       <li><p>Set <var>okNesting</var> to true if <var>isPopover</var> is false,
+       <var>newPopoverOrTopLayerElement</var>'s <code data-x="attr-popover">popover</code> attribute
+       is in the <span data-x="attr-popover-hint-state">Hint</span> state, or
+       <var>candidateAncestor</var>'s <code data-x="attr-popover">popover</code> attribute is in the
+       <span data-x="attr-popover-auto-state">Auto</span> state.</p></li>
 
        <li><p>If <var>okNesting</var> is false, then set <var>candidate</var> to
        <var>candidateAncestor</var>'s parent in the <span>flat tree</span>.</p></li>
@@ -87505,7 +87505,8 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
 
     <ol>
      <li><p>If <var>currentNode</var>'s <code data-x="attr-popover">popover</code> attribute is in
-     the <span data-x="attr-popover-auto-state">Auto</span> state and <var>currentNode</var>'s
+     the <span data-x="attr-popover-auto-state">Auto</span> state or the <span
+     data-x="attr-popover-hint-state">Hint</span> state, and <var>currentNode</var>'s
      <span>popover visibility state</span> is <span data-x="popover-showing-state">showing</span>,
      then return <var>currentNode</var>.</p></li>
 
@@ -87965,9 +87966,10 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
 
      <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
-     data-x="attr-popover-auto-state">Auto</span> state and <var>targetPopover</var>'s <span>popover
-     visibility state</span> is <span data-x="popover-showing-state">showing</span>, then return
-     <var>targetPopover</var>.</p></li>
+     data-x="attr-popover-auto-state">Auto</span> state or the <span
+     data-x="attr-popover-hint-state">Hint</span> state, and <var>targetPopover</var>'s
+     <span>popover visibility state</span> is <span data-x="popover-showing-state">showing</span>,
+     then return <var>targetPopover</var>.</p></li>
 
      <li><p>Set <var>currentNode</var> to <var>currentNode</var>'s ancestor in the <span>flat
      tree</span>.</p></li>