title: How to stop displaying angular tooltip on focus/click?
body: <p>I have a field which on blur displays a tooltip. But I don't know why it also pops up when I click on the field. 
  Here is the codepen example: <a href="http://codepen.io/Octtavius/pen/aZzyKw?editors=1010" rel="nofollow">http://codepen.io/Octtavius/pen/aZzyKw?editors=1010</a></p>
  
  <p>Below is the code where I use angular bootstrap:</p>
  
  <pre><code>&lt;body ng-app="ui.bootstrap.demo" class='container'&gt;
  
  
      &lt;input type="text" 
           ng-controller="myPopoverCtrl"
           popover-template="myPopover.templateUrl" 
           popover-title="This is a popover" 
           popover-placement="bottom" 
           popover-is-open="myPopover.isOpen" 
           ng-blur="myPopover.open()" /&gt;
  
      &lt;script type="text/ng-template"  id="myPopoverTemplate.html"&gt;
          &lt;h2 ng-bind="myPopover.data"/&gt;
          &lt;button class="btn btn-success" ng-click="myPopover.close()"&gt;
              Close me!
          &lt;/button&gt;
      &lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>Controller</p>
  
  <pre><code>app = angular.module('ui.bootstrap.demo', ['ui.bootstrap']);
  
  app.controller(
     'myPopoverCtrl', ['$scope', function($scope) {
  
        // query popover
        $scope.myPopover = {
  
        isOpen: false,
  
        templateUrl: 'myPopoverTemplate.html',
  
        open: function open() {
          $scope.myPopover.isOpen = true;
          $scope.myPopover.data = 'Hello!';
        },
  
        close: function close() {
          $scope.myPopover.isOpen = false;
        }
      };
    }
  ]);
  </code></pre>
  
  <p>Can anyone help to understand why the tooltip popup on click when I set it to popup on blur/when leave the field???</p>