move field label invisibility outside of $nextTick

this should fix Visual glitch when adding new sets #2
eminos · Nov 7, 2023 · f4731a6 · f4731a6
1 parent 0be221a
commit f4731a6
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 12 deletions.
diff --git a/dist/build/assets/statamic-tabs-df3c0a40.js → dist/build/assets/statamic-tabs-89ca38d1.js b/dist/build/assets/statamic-tabs-df3c0a40.js → dist/build/assets/statamic-tabs-89ca38d1.js
diff --git a/dist/build/manifest.json b/dist/build/manifest.json
@@ -5,7 +5,7 @@
     "src": "resources/css/statamic-tabs.css"
   },
   "resources/js/statamic-tabs.js": {
-    "file": "assets/statamic-tabs-df3c0a40.js",
+    "file": "assets/statamic-tabs-89ca38d1.js",
     "isEntry": true,
     "src": "resources/js/statamic-tabs.js"
   }

diff --git a/resources/js/compontents/TabFieldtype.vue b/resources/js/compontents/TabFieldtype.vue
@@ -167,17 +167,15 @@ export default {
             }
         })
 
-        this.$nextTick(() => {
-            // Hide the label from the main tab
-            if (this.isMainTab) {
-                this.$el.closest('.publish-field').querySelector('label').classList.add('super-invisible')
-            }
+        // Hide the label from the main tab
+        if (this.isMainTab) {
+            this.$el.closest('.publish-field').querySelector('label').classList.add('super-invisible')
+        }
 
-            // Make the now empty publish field invisible without touching the display property, so that we can track it with a MutationObserver
-            if (! this.isMainTab) {
-                this.$el.closest('.publish-field').classList.add('super-invisible')
-            }
-        })
+        // Make the now empty publish field invisible without touching the display property, so that we can track it with a MutationObserver
+        if (!this.isMainTab) {
+            this.$el.closest('.publish-field').classList.add('super-invisible')
+        }
 
         this.$nextTick(() => {
             if (this.isMainTab) {