App.TooltipView = Ember.View.extend({
  classNames: ['inline-block', 'tooltip-container'],
  attributeBindings: ['title', 'dataHtml:data-html','dataSelector:data-selector', 'dataContainer:data-container', 'dataPlacement:data-placement'],
  dataHtml: 'true',
  mouseEnter: function (event) {
    $('#' + this.get('elementId')).tooltip({container: 'body'}).tooltip('fixTitle').tooltip('show');
  },
  mouseLeave: function (event) {
    $('#' + this.get('elementId')).tooltip('hide');
  }
});

App.TooltipView = Ember.View.extend({
  classNames: ['inline-block', 'tooltip-container'],
  attributeBindings: ['title', 'dataHtml:data-html','dataSelector:data-selector', 'dataContainer:data-container', 'dataPlacement:data-placement'],
  dataHtml: 'true',
  mouseEnter: function (event) {
    $('#' + this.get('elementId')).tooltip({container: 'body'}).tooltip('fixTitle').tooltip('show');
  },
  mouseLeave: function (event) {
    $('#' + this.get('elementId')).tooltip('hide');
  },
  willDestroyElement: function () {
    $('#' + this.get('elementId')).tooltip('hide');
  }
});

Hide tooltip on view's willDestroyElement in case mouseLeave event doesn't get triggered before teardown
Hide tooltip on view's willDestroyElement in case mouseLeave event doesn't get triggered before teardown
