From 03f25f453d06ffb63a681535246c28e51d0018bf Mon Sep 17 00:00:00 2001
From: Domenic Denicola <d@domenic.me>
Date: Wed, 24 Aug 2016 02:32:24 -0400
Subject: [PATCH] Process custom element connectedCallback immediately during
 parsing

Fixes https://github.com/w3c/webcomponents/issues/551 by ensuring that
insertions into the DOM trigger connectedCallback immediately, instead
of putting the callback reaction on the the backup element queue and
letting it get triggered at the next microtask checkpoint. This means
connectedCallback will generally be invoked when the element has zero
children, as expected, instead of a random number depending on when the
next custom element is seen.
---
 source | 30 +++++++++++++++++++-----------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/source b/source
index f59a3301165..fcd8b3733ff 100644
--- a/source
+++ b/source
@@ -103585,31 +103585,39 @@ dictionary <dfn>StorageEventInit</dfn> : <span>EventInit</span> {
   in a given namespace, the user agent must run these steps:</p>
 
   <ol>
-
    <li><p>Let the <var>adjusted insertion location</var> be the <span>appropriate place for
    inserting a node</span>.</p></li>
 
-   <li><p><span>Create an element for the token</span> in the given namespace, with the intended
+   <!-- this insertion stuff should be cleaned up: https://github.com/whatwg/html/issues/1706 -->
+
+   <li><p>Let <var>element</var> be the result of <span data-x="create an element for the
+   token">creating an element for the token</span> in the given namespace, with the intended
    parent being the element in which the <var>adjusted insertion location</var> finds
    itself.</p></li>
 
    <li>
+    <p>If it is possible to insert <var>element</var> at the <var>adjusted insertion location</var>,
+    then:</p>
+
+    <ol>
+     <li><p>Push a new <span>element queue</span> onto the <span>custom element reactions
+     stack</span>.</li>
 
-    <p>If it is possible to insert an element at the <var>adjusted insertion
-    location</var>, then insert the newly created element at the <var>adjusted insertion
-    location</var>.</p>
+     <li><p>Insert <var>element</var> at the <var>adjusted insertion location</var>.</p></li>
 
-    <p class="note">If the <var>adjusted insertion location</var> cannot accept more
-    elements, e.g. because it's a <code>Document</code> that already has an element child, then the
-    newly created element is dropped on the floor.</p>
+     <li><p>Pop the <span>element queue</span> from the <span>custom element reactions stack</span>,
+     and <span>invoke custom element reactions</span> in that queue.</p></li>
+    </ol>
 
+    <p class="note">If the <var>adjusted insertion location</var> cannot accept more
+    elements, e.g. because it's a <code>Document</code> that already has an element child, then
+    <var>element</var> is dropped on the floor.</p>
    </li>
 
-   <li><p>Push the element onto the <span>stack of open elements</span> so that it is the new
+   <li><p>Push <var>element</var> onto the <span>stack of open elements</span> so that it is the new
    <span>current node</span>.</p></li>
 
-   <li><p>Return the newly created element.</p></li>
-
+   <li><p>Return <var>element</var>.</p></li>
   </ol>
 
   <p>When the steps below require the user agent to <dfn>insert an HTML element</dfn> for a token,