@cfpb/cfpb-atomic-component - npm Package Compare versions

Comparing version 0.7.4 to 0.7.5

package.json

 {
   "name": "@cfpb/cfpb-atomic-component",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "description": "Design System atomic component micro-framework",
@@ -16,3 +16,3 @@ "less": "src/cfpb-atomic-component.less",
   ],
-  "gitHead": "c6ca18562518d259c6148e2261b2df89e9f5f043"
+  "gitHead": "623ae81b2e166f0ad9cb5684a41a88c893017ba5"
 }

src/utilities/transition/BaseTransition.js

@@ -126,8 +126,11 @@ // Required modules.
     _isAnimating = true;
-    // If transition is not supported, call handler directly (IE9/OperaMini).
-    if ( _transitionEndEvent ) {
-      _dom.addEventListener(
-        _transitionEndEvent,
-        _transitionCompleteBinded
-      );
+
+    /*
+      If transition is not supported, call handler directly (IE9/OperaMini).
+      Also, if "transition-duration: 0s" is set, transitionEnd event will not
+      fire, so we need to call the handler straight away.
+    */
+    if ( _transitionEndEvent &&
+         !_dom.classList.contains( BaseTransition.NO_ANIMATION_CLASS ) ) {
+      _dom.addEventListener( _transitionEndEvent, _transitionCompleteBinded );
       this.dispatchEvent( BaseTransition.BEGIN_EVENT, { target: this } );
@@ -134,0 +137,0 @@ } else {

No alert changes

Improved metrics

Total package byte prevSize

56053

increased by0.36%

Lines of code

1333

increased by0.15%

No dependency changes