Adjust relatedTarget passed to dispatch to ensure event path doesn't get pruned to nothing

Author: dandclark

source

@@ -57133,14 +57133,18 @@ interface <dfn interface>HTMLButtonElement</dfn> : <span>HTMLElement</span> {
      is valid for a target</span> given <var>command</var> and <var>target</var> is false, then
      return.</p></li>
 
+     <li><p>Let <var>relatedTarget</var> be <var>target</var> if the result of <span
+     data-x="dom-retarget">retargeting</span> <var>element</var> against <var>target</var> is
+     <var>target</var>; otherwise <var>element</var>.</p></li>
+
      <li>
       <p>Let <var>continue</var> be the result of <span data-x="concept-event-fire">firing an
       event</span> named <code data-x="event-command">command</code> at <var>target</var>, using
       <code>CommandEvent</code>, with its <code data-x="dom-CommandEvent-command">command</code>
       attribute initialized to <var>command</var>, its <code
       data-x="dom-Event-cancelable">cancelable</code> attribute initialized to true, its
       <span>composed flag</span> set, and given <span
-      data-x="concept-event-fire-relatedTarget">relatedTarget</span> <var>element</var>.</p>
+      data-x="concept-event-fire-relatedTarget">relatedTarget</span> <var>relatedTarget</var>.</p>
 
       <p class="XXX"><a href="https://github.com/whatwg/dom/issues/1328">DOM standard issue
       #1328</a> tracks how to better standardize associated event data in a way which makes sense on
@@ -64671,12 +64675,17 @@ fur
      <li><p>Let <var>submitterButton</var> be null if <var>submitter</var> is <var>form</var>.
      Otherwise, let <var>submitterButton</var> be <var>submitter</var>.</p></li>
 
+     <li><p>Let <var>relatedTarget</var> be <var>form</var> if the result of <span
+     data-x="dom-retarget">retargeting</span> <var>submitterButton</var> against <var>form</var> is
+     <var>form</var>; otherwise <var>submitterButton</var>.</p></li>
+
      <li><p>Let <var>shouldContinue</var> be the result of <span data-x="concept-event-fire">firing
      an event</span> named <code data-x="event-submit">submit</code> at <var>form</var> using
      <code>SubmitEvent</code>, with the <code data-x="dom-Event-bubbles">bubbles</code> attribute
      initialized to true, the <code data-x="dom-Event-cancelable">cancelable</code> attribute
      initialized to true, the <span>composed flag</span> set, and given <span
-     data-x="concept-event-fire-relatedTarget">relatedTarget</span> <var>submitterButton</var>.</p></li>
+     data-x="concept-event-fire-relatedTarget">relatedTarget</span>
+     <var>relatedTarget</var>.</p></li>
 
      <li><p>Set <var>form</var>'s <span>firing submission events</span> to false.</p></li>
 
@@ -66923,6 +66932,10 @@ interface <dfn interface>HTMLDialogElement</dfn> : <span>HTMLElement</span> {
    state</span>, then throw an <span>"<code>InvalidStateError</code>"</span>
    <code>DOMException</code>.</p></li>
 
+   <li><p>Let <var>relatedTarget</var> be <var>subject</var> if the result of <span
+   data-x="dom-retarget">retargeting</span> <var>source</var> against <var>subject</var> is
+   <var>subject</var>; otherwise <var>source</var>.</p></li>
+
    <li><p>Let <var>beforeToggleResult</var> be the result of <span
    data-x="concept-event-fire">firing an event</span> named <code
    data-x="event-beforetoggle">beforetoggle</code>, at <var>subject</var> using
@@ -66931,7 +66944,8 @@ interface <dfn interface>HTMLDialogElement</dfn> : <span>HTMLElement</span> {
    attribute initialized to "<code data-x="">closed</code>", the <code
    data-x="dom-ToggleEvent-newState">newState</code> attribute initialized to "<code
    data-x="">open</code>", the <span>composed flag</span> set, and given <span
-   data-x="concept-event-fire-relatedTarget">relatedTarget</span> <var>source</var>.</p></li>
+   data-x="concept-event-fire-relatedTarget">relatedTarget</span>
+   <var>relatedTarget</var>.</p></li>
 
    <li><p>If <var>beforeToggleResult</var> is false, then return.</p></li>
 
@@ -67098,13 +67112,18 @@ interface <dfn interface>HTMLDialogElement</dfn> : <span>HTMLElement</span> {
    <li><p>If <var>subject</var> does not have an <code data-x="attr-dialog-open">open</code>
    attribute, then return.</p></li>
 
+   <li><p>Let <var>relatedTarget</var> be <var>subject</var> if the result of <span
+   data-x="dom-retarget">retargeting</span> <var>source</var> against <var>subject</var> is
+   <var>subject</var>; otherwise <var>source</var>.</p></li>
+
    <li><p><span data-x="concept-event-fire">Fire an event</span> named <code
    data-x="event-beforetoggle">beforetoggle</code> at <var>subject</var>, using
    <code>ToggleEvent</code>, with the <code data-x="dom-ToggleEvent-oldState">oldState</code>
    attribute initialized to "<code data-x="">open</code>", the <code
    data-x="dom-ToggleEvent-newState">newState</code> attribute initialized to "<code
    data-x="">closed</code>", the <span>composed flag</span> set, and given <span
-   data-x="concept-event-fire-relatedTarget">relatedTarget</span> <var>source</var>.</p></li>
+   data-x="concept-event-fire-relatedTarget">relatedTarget</span>
+   <var>relatedTarget</var>.</p></li>
 
    <li><p>If <var>subject</var> does not have an <code data-x="attr-dialog-open">open</code>
    attribute, then return.</p></li>
@@ -67212,12 +67231,17 @@ interface <dfn interface>HTMLDialogElement</dfn> : <span>HTMLElement</span> {
     <var>element</var> to run the following steps:</p>
 
     <ol>
+     <li><p>Let <var>relatedTarget</var> be <var>element</var> if the result of <span
+     data-x="dom-retarget">retargeting</span> <var>source</var> against <var>element</var> is
+     <var>element</var>; otherwise <var>source</var>.</p></li>
+
      <li><p><span data-x="concept-event-fire">Fire an event</span> named <code
      data-x="event-toggle">toggle</code> at <var>element</var>, using <code>ToggleEvent</code>, with
      the <code data-x="dom-ToggleEvent-oldState">oldState</code> attribute initialized to
      <var>oldState</var>, the <code data-x="dom-ToggleEvent-newState">newState</code> attribute
      initialized to <var>newState</var>, the <span>composed flag</span> set, and given <span
-     data-x="concept-event-fire-relatedTarget">relatedTarget</span> <var>source</var>.</p></li>
+     data-x="concept-event-fire-relatedTarget">relatedTarget</span>
+     <var>relatedTarget</var>.</p></li>
 
      <li><p>Set <var>element</var>'s <span>dialog toggle task tracker</span> to null.</p></li>
     </ol>
@@ -92588,6 +92612,10 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
     </ol>
    </li>
 
+   <li><p>Let <var>relatedTarget</var> be <var>element</var> if the result of <span
+   data-x="dom-retarget">retargeting</span> <var>source</var> against <var>element</var> is
+   <var>element</var>; otherwise <var>source</var>.</p></li>
+
    <li><p>Let <var>beforeToggleResult</var> be the result of <span
    data-x="concept-event-fire">firing an event</span> named <code
    data-x="event-beforetoggle">beforetoggle</code> at <var>element</var> using
@@ -92596,7 +92624,8 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
    attribute initialized to "<code data-x="">closed</code>", the <code
    data-x="dom-ToggleEvent-newState">newState</code> attribute initialized to "<code
    data-x="">open</code>", the <span>composed flag</span> set, and given <span
-   data-x="concept-event-fire-relatedTarget">relatedTarget</span> <var>source</var>.</p></li>
+   data-x="concept-event-fire-relatedTarget">relatedTarget</span>
+   <var>relatedTarget</var>.</p></li>
 
    <li><p>If <var>beforeToggleResult</var> is false, then run <var>cleanupShowingSteps</var> and
    return.</p></li>
@@ -92823,12 +92852,17 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
     <var>element</var> to run the following steps:</p>
 
     <ol>
+     <li><p>Let <var>relatedTarget</var> be <var>element</var> if the result of <span
+     data-x="dom-retarget">retargeting</span> <var>source</var> against <var>element</var> is
+     <var>element</var>; otherwise <var>source</var>.</p></li>
+
      <li><p><span data-x="concept-event-fire">Fire an event</span> named <code
      data-x="event-toggle">toggle</code> at <var>element</var>, using <code>ToggleEvent</code>, with
      the <code data-x="dom-ToggleEvent-oldState">oldState</code> attribute initialized to
      <var>oldState</var>, the <code data-x="dom-ToggleEvent-newState">newState</code> attribute
      initialized to <var>newState</var>, the <span>composed flag</span> set, and given <span
-     data-x="concept-event-fire-relatedTarget">relatedTarget</span> <var>source</var>.</p></li>
+     data-x="concept-event-fire-relatedTarget">relatedTarget</span>
+     <var>relatedTarget</var>.</p></li>
 
      <li><p>Set <var>element</var>'s <span>popover toggle task tracker</span> to null.</p></li>
     </ol>
@@ -92967,13 +93001,18 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
     <p>If <var>fireEvents</var> is true:</p>
 
     <ol>
+     <li><p>Let <var>relatedTarget</var> be <var>element</var> if the result of <span
+     data-x="dom-retarget">retargeting</span> <var>source</var> against <var>element</var> is
+     <var>element</var>; otherwise <var>source</var>.</p></li>
+
      <li><p><span data-x="concept-event-fire">Fire an event</span> named <code
      data-x="event-beforetoggle">beforetoggle</code> at <var>element</var>, using
      <code>ToggleEvent</code>, with the <code data-x="dom-ToggleEvent-oldState">oldState</code>
      attribute initialized to "<code data-x="">open</code>", the <code
      data-x="dom-ToggleEvent-newState">newState</code> attribute initialized to "<code
      data-x="">closed</code>", the <span>composed flag</span> set, and given <span
-     data-x="concept-event-fire-relatedTarget">relatedTarget</span> <var>source</var>.</p></li>
+     data-x="concept-event-fire-relatedTarget">relatedTarget</span>
+     <var>relatedTarget</var>.</p></li>
 
      <li>
       <p>Set <var>validityResult</var> to the result of running <span>check popover validity</span>