Fixes bug where sometimes transitioned hidden elements would stay visible

10 years ago · ec4e058662
2 changed files with 9 additions and 1 deletions
--- a/src/definitions/modules/transition.js
+++ b/src/definitions/modules/transition.js
@ -283,6 +283,14 @@ $.fn.transition = function() {
              .addClass(className.transition)
              .addClass(className.hidden)
            ;
+            requestAnimationFrame(function() {
+              if($module.css('display') !== 'none') {
+                module.verbose('Overriding default display to hide element')
+                $module
+                  .css('display', 'none')
+                ;
+              }
+            })
          },

          visible: function() {
--- a/src/definitions/modules/transition.less
+++ b/src/definitions/modules/transition.less
@ -56,7 +56,7 @@

 /* Hidden */
 .ui.hidden.transition {
-  display: none !important;
+  display: none;
 }

 /* Visible */