diff --git a/core/core-frontend/src/custom-component/de-tabs/Component.vue b/core/core-frontend/src/custom-component/de-tabs/Component.vue
index 92e0d08ae3..ad88106def 100644
--- a/core/core-frontend/src/custom-component/de-tabs/Component.vue
+++ b/core/core-frontend/src/custom-component/de-tabs/Component.vue
@@ -624,6 +624,13 @@ const viewToolTipsChangeDebounce = debounce(() => {
   viewToolTipsChange()
 }, 500)
 
+watch(
+  () => scale.value,
+  () => {
+    viewToolTipsChangeDebounce()
+  }
+)
+
 watch(
   () => element.value,
   () => {
@@ -670,6 +677,7 @@ const initCarousel = () => {
 }
 
 onMounted(() => {
+  document.addEventListener('visibilitychange', viewToolTipsChange)
   if (element.value.propValue.length > 0) {
     element.value.editableTabsValue = element.value.propValue[0].name
   }
@@ -689,6 +697,7 @@ onMounted(() => {
   }, 1000)
 })
 onBeforeUnmount(() => {
+  document.removeEventListener('visibilitychange', viewToolTipsChange)
   if (['canvas', 'canvasDataV', 'edit'].includes(showPosition.value) && !mobileInPc.value) {
     eventBus.off('onTabMoveIn-' + element.value.id, componentMoveIn)
     eventBus.off('onTabMoveOut-' + element.value.id, componentMoveOut)