title: How to fix programmatically webGL context lost (sad smile in chrome) that already happened?
body: <p>I have iframe with canvas inside. After WebGL lost context I see:</p>
  <p><a href="https://i.stack.imgur.com/GRXcv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GRXcv.png" alt="sad smile webgl issue" /></a></p>
  <p>Any animation on canvas can't be done, simple page reload doesn't help. Now I'm worried about how to fix programmatically consequence and not a cause. If a user is faced with such a problem, he has 2 ways (which are known to me) how to fix this issue:</p>
  <ol>
  <li>Right-click on an iframe and select &quot;Reload frame&quot;.</li>
  </ol>
  <p><a href="https://i.stack.imgur.com/bUOeN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bUOeN.png" alt="enter image description here" /></a></p>
  <ol start="2">
  <li>Close the browser completely and open it</li>
  </ol>
  <p>What I have tried:</p>
  <ol>
  <li><p>Reload iframe from js in the following ways:</p>
  <p>1.1 with <code>document.getElementById('iframe_id').ContentWindow.location.reload();</code></p>
  <p>1.2 tried deleting iframe and re-creating</p>
  <p>1.3 tried to delete and create an iframe, but already changing the url of the frame</p>
  </li>
  <li><p>I tried to open the context menu with a reboot item and some how click on it.</p>
  </li>
  </ol>
  <p>Does anyone have any idea how to fix this?</p>