Dashboard: tooltip fixes for flickering tooltips that sometimes do now want to show on hover, and for tooltips that get stuck after exiting modal, Closes #691

CHANGELOG.md

@@ -5,6 +5,9 @@
 - [Issue #578](https://github.com/grafana/grafana/issues/578). Dashboard: Row option to display row title even when the row is visible
 - [Issue #672](https://github.com/grafana/grafana/issues/672). Dashboard: panel fullscreen & edit state is present in url, can now link to graph in edit & fullscreen mode.
 
+**Fixes**
+- [Issue #691](https://github.com/grafana/grafana/issues/691). Dashboard: tooltip fixes, sometimes they would not show, and sometimes they would get stuck.
+
 **Tech**
 - Upgraded from angularjs 1.1.5 to 1.3 beta 17;
 - Switch from underscore to lodash

src/app/app.js

@@ -87,6 +87,9 @@ function (angular, $, _, appLevelRequire, config) {
       'routes/all',
     ], function () {
 
+      // disable tool tip animation
+      $.fn.tooltip.defaults.animation = false;
+
       // bootstrap the app
       angular
         .element(document)

src/app/directives/configModal.js

@@ -45,4 +45,4 @@ function (angular, _, $) {
         }
       };
     });
-});
+});

src/app/directives/grafanaPanel.js

@@ -18,8 +18,10 @@ function (angular, $) {
        '<div class="row-fluid panel-extra">' +
           '<div class="panel-extra-container">' +
             '<span class="alert-error panel-error small pointer"' +
-                  'config-modal="app/partials/inspector.html" ng-show="panel.error" data-placement="right" bs-tooltip="panel.error">' +
+                  'config-modal="app/partials/inspector.html" ng-show="panel.error">' +
+              '<span data-placement="right" bs-tooltip="panel.error">' +
               '<i class="icon-exclamation-sign"></i><span class="panel-error-arrow"></span>' +
+              '</span>' +
             '</span>' +
 
             '<span class="panel-loading" ng-show="panelMeta.loading == true">' +

src/vendor/bootstrap/bootstrap.js

@@ -2319,4 +2319,4 @@
   })
 
 
-}(window.jQuery);
+}(window.jQuery);