fix(tooltip): set visibility: hidden to avoid flicker

- Set `visibility: hidden` and then to `visible` to avoid flicker from positional movement Closes #4342
angular-ui · Sep 4, 2015 · f7cb8bc · f7cb8bc
1 parent 5482db2
commit f7cb8bc
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/tooltip/tooltip.js b/src/tooltip/tooltip.js
@@ -146,6 +146,8 @@ angular.module('ui.bootstrap.tooltip', ['ui.bootstrap.position'])
 
                   ttCss.width = ttBox.width + 'px';
                   ttCss.height = ttBox.height + 'px';
+
+                  ttCss.visibility = 'visible';
 
                   // Now set the calculated positioning and size.
                   tooltip.css(ttCss);
@@ -225,7 +227,7 @@ angular.module('ui.bootstrap.tooltip', ['ui.bootstrap.position'])
                 ttScope.$apply(); // digest required as $apply is not called
               }
 
-              tooltip.css({ display: 'block' });
+              tooltip.css({ display: 'block', visibility: 'hidden' });
 
               positionTooltip();
             }