Refactor PRs

dist/alpine.js

@@ -1471,11 +1471,14 @@
 
     executeAndClearNextTickStack(el) {
       // Skip spawns from alpine directives
-      if (el === this.$el) {
-        // Walk through the $nextTick stack and clear it as we go.
-        while (this.nextTickStack.length > 0) {
-          this.nextTickStack.shift()();
-        }
+      if (el === this.$el && this.nextTickStack.length > 0) {
+        // We run the tick stack after the next frame to allow any
+        // running transitions to pass the initial show stage.
+        requestAnimationFrame(() => {
+          while (this.nextTickStack.length > 0) {
+            this.nextTickStack.shift()();
+          }
+        });
       }
     }
 

src/directives/bind.js

@@ -68,12 +68,12 @@ export function handleAttributeBindingDirective(component, el, attrName, express
             el.removeAttribute(attrName)
         } else {
             isBooleanAttr(attrName) ? setIfChanged(el, attrName, attrName) : setIfChanged(el, attrName, value)
-        } 
+        }
     }
 }
 
 function setIfChanged(el, attrName, value) {
-    if(el.getAttribute(attrName) != value){
+    if (el.getAttribute(attrName) != value){
         el.setAttribute(attrName, value)
     }
 }

src/index.js

@@ -3,7 +3,9 @@ import { domReady, isTesting } from './utils'
 
 const Alpine = {
     version: process.env.PKG_VERSION,
-    pauseObserver: false,
+
+    pauseMutationObserver: false,
+
     start: async function () {
         if (! isTesting()) {
             await domReady()
@@ -54,7 +56,7 @@ const Alpine = {
         }
 
         const observer = new MutationObserver((mutations) => {
-            if (this.pauseObserver) return;
+            if (this.pauseMutationObserver) return;
 
             for (let i=0; i < mutations.length; i++){
                 if (mutations[i].addedNodes.length > 0) {