From 91d1681698f6b53926f14eb8264da87f4c2fccc9 Mon Sep 17 00:00:00 2001
From: Jamie V <jamie.j.vigliotta@nasa.gov>
Date: Mon, 31 Aug 2020 11:23:50 -0700
Subject: [PATCH] [Navigation Tree] Prevent showing "no items" while still
 loading (#3341)

* no  showing "no items" if still loading

* added additional no items variable to handle dictionary composition loading race conditions

* code cleanup

* more descript variable name
---
 src/ui/layout/mct-tree.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/ui/layout/mct-tree.vue b/src/ui/layout/mct-tree.vue
index 51fb54112e..80aea7f582 100644
--- a/src/ui/layout/mct-tree.vue
+++ b/src/ui/layout/mct-tree.vue
@@ -76,7 +76,7 @@
                             @expanded="handleExpanded"
                         />
                         <li
-                            v-if="visibleItems.length === 0"
+                            v-if="visibleItems.length === 0 && !noVisibleItems"
                             :style="emptyStyles()"
                             class="c-tree__item c-tree__item--empty"
                         >
@@ -140,7 +140,8 @@ export default {
             getChildHeight: false,
             settingChildrenHeight: false,
             isMobile: isMobile.mobileName,
-            multipleRootChildren: false
+            multipleRootChildren: false,
+            noVisibleItems: false
         };
     },
     computed: {
@@ -318,6 +319,7 @@ export default {
                         this.noScroll = true;
                     }
 
+                    this.noVisibleItems = false;
                     this.updatevisibleItems();
                 });
             } else {
@@ -565,6 +567,7 @@ export default {
                 return;
             }
 
+            this.noVisibleItems = true;
             this.visibleItems = [];
             await this.$nextTick(); // prevents "ghost" image of visibleItems
             this.childrenSlideClass = 'slide-left';