fix: ensure no previous transitionend event triggers after-modal-hidd…

…en (#1081)
carbon-design-system · Dec 9, 2020 · 0c5ffe2 · 0c5ffe2
1 parent 8eaef33
commit 0c5ffe2
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/core/src/components/cv-modal/cv-modal.vue b/packages/core/src/components/cv-modal/cv-modal.vue
@@ -245,14 +245,17 @@ export default {
       document.body.classList.remove(`${this.carbonPrefix}--body--with-modal-open`);
 
       if (this.dataVisible) {
-        this.$el.addEventListener('transitionend', this.afterHide, { once: true });
+        this.$el.addEventListener('transitionend', this.afterHide);
       }
 
       this.dataVisible = false;
       this.$emit('modal-hidden');
     },
-    afterHide() {
-      this.$emit('after-modal-hidden');
+    afterHide(event) {
+      if (event.propertyName === 'opacity') {
+        this.$emit('after-modal-hidden');
+        this.$el.removeEventListener('transitionend', this.afterHide);
+      }
     },
     onPrimaryClick(ev) {
       this.$emit('primary-click');