fix: hide component inspector overlay when bounds is incomplete (#238)

webfansplz · Sep 23, 2023 · ba7d5e3 · ba7d5e3
1 parent 13b054e
commit ba7d5e3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/node/src/views/ComponentInspector.vue b/packages/node/src/views/ComponentInspector.vue
@@ -24,7 +24,7 @@ const inspectorCardStyle = computed(() => ({ top: props.bounds.top < 35 ? 0 : '-
 </script>
 
 <template>
-  <div class="vue-devtools-component-inspector" :style="inspectorStyle">
+  <div v-show="bounds.width || bounds.height" class="vue-devtools-component-inspector" :style="inspectorStyle">
     <span class="vue-devtools-component-inspector-card" :style="inspectorCardStyle">
       &lt;{{ name }}&gt;
       <i>{{ Math.round(bounds.width * 100) / 100 }} x {{ Math.round(bounds.height * 100) / 100 }}</i>

diff --git a/packages/node/src/views/Main.vue b/packages/node/src/views/Main.vue
@@ -288,7 +288,7 @@ collectHookBuffer()
     />
   </div>
   <!-- component inspector -->
-  <ComponentInspector v-if="overlayVisible" :bounds="bounds" :name="componentName" />
+  <ComponentInspector v-if="overlayVisible && bounds" :bounds="bounds" :name="componentName" />
   <RerenderIndicator />
 </template>