fix(Alert): fixed automatic dismissal with timeout not requiring mous…

…eover or element focus to trigger
mtorromeo · Jan 30, 2024 · 939a5f5 · 939a5f5
1 parent f799dca
commit 939a5f5
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/core/src/components/Alert/Alert.vue b/packages/core/src/components/Alert/Alert.vue
@@ -156,7 +156,7 @@ let timer: number | undefined = undefined;
 let animationTimer: number | undefined = undefined;
 const isMouseOver = ref(false);
 const timedOut = ref(false);
-const timedOutAnimation = ref(false);
+const timedOutAnimation = ref(true);
 const containsFocus = ref(false);
 const el: Ref<HTMLDivElement | null> = ref(null);
 
@@ -186,8 +186,11 @@ onMounted(() => {
   document.addEventListener('focus', onDocumentFocus, true);
 
   watch(() => [containsFocus.value, isMouseOver.value], () => {
-    if (!containsFocus.value || !isMouseOver.value) {
+    if (!containsFocus.value && !isMouseOver.value) {
       animationTimer = setTimeout(() => (timedOutAnimation.value = true), props.timeoutAnimation);
+    } else {
+      clearTimeout(animationTimer);
+      timedOutAnimation.value = false;
     }
   });
 });