title: Canvas content disappears on Chrome 49 on Mac with an AngularJS tooltip
body: <p>The problem I have - the content of an HTTP canvas disappears, when I have a tooltip on a button that opens a new tab.</p>
  
  <p>This is a very specific symptom, so I'd try to walk you through it.</p>
  
  <p>I'm able to reproduce it with the following HTML, but not in a plunker or jsfiddle unfortunately:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;style&gt;
          .container {
              height: 300px;
              width: 300px;
          }
  
          canvas {
              border: 1px solid black
          }
  
          button {
              margin-top: 15px;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body ng-app="CanvasTooltipApp"&gt;
      &lt;div ng-controller="CanvasTooltipCtrl" class="container"&gt;
          &lt;canvas id="myCanvas" height="300"&gt;&lt;/canvas&gt;
          &lt;button type="button" ng-click="clickMe()" tooltip="The Tooltip Text"&gt;Click Me&lt;/button&gt;
      &lt;/div&gt;
  
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.14.3/ui-bootstrap-tpls.js"&gt;&lt;/script&gt;
  
      &lt;script&gt;
          angular.module('CanvasTooltipApp', ['ui.bootstrap']);
  
          angular.module('CanvasTooltipApp').config(function($tooltipProvider) {
              $tooltipProvider.options({popupDelay: 1500});
          });
  
          angular.module('CanvasTooltipApp').controller('CanvasTooltipCtrl', function($scope) {
              var canvas = document.getElementById('myCanvas');
              var ctx = canvas.getContext('2d');
              ctx.beginPath();
              ctx.arc(95, 50, 40, 0, 2 * Math.PI);
              ctx.stroke();
  
              $scope.clickMe = function() {
                  window.open('http://www.google.com', '_blank');
              };
          });
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <ol>
  <li><p>It is reproduced only on Chrome 49 on a Mac.</p></li>
  <li><p>To reproduce: click on the button (before the tooltip appears!), a new tab would be opened. Wait a few secs. Perhaps open another new tab. Then close all tabs and go back to the original tab. The shape of the canvas should disappear.</p></li>
  <li><p>I use AngularJS 1.3.15 and angular-ui-bootstrap 0.14.3.
  It does not seem to be reproduced with a plain bootstrap tooltip.
  Only with the angular-ui-bootstrap it is reproduced.</p></li>
  <li><p>Upgrading the angular-ui-bootstrap version does not help.</p></li>
  <li><p>It is not reproduced on other browsers, or on other OSs.</p></li>
  </ol>
  
  <p>That's it, I think.
  I hope you even succeed in reproducing it without a plunker/fiddle.</p>
  
  <p>Thank you very much in any case!
  Daniel</p>