title: Exit fullscreen not working on chrome? [What I'm missing?]
body: <p>I have two buttons on my screen. each one fires a piece of javascript code to enter and exit fullscreen mode. </p>
  
  <p><strong>Button 1:</strong> Enter Fullscreen Mode</p>
  
  <p><strong>Button 2:</strong> Exit Fullscreen Mode</p>
  
  <p>If I first click on <strong>Button 1</strong> it brings me to fullscreen mode and then if I click on <strong>Button 2</strong> it'll exit fullscreen mode.</p>
  
  <p>BUT if I enter fullscreen mode using <strong>F11</strong> or via <strong>chrome menu</strong>, unexpectedly <strong>Button 2</strong> doesn't work anymore.</p>
  
  <p>Why this happens and how to fix it?</p>
  
  <p>Button 1 code :</p>
  
  <pre><code>goFullscreen();
  function goFullscreen() {
      var el = document.documentElement,
        rfs = el.requestFullscreen
          || el.webkitRequestFullScreen
          || el.mozRequestFullScreen
          || el.msRequestFullscreen 
      ;
  
      rfs.call(el);
  }
  </code></pre>
  
  <p>Button 2 code :</p>
  
  <pre><code>document.webkitCancelFullScreen();
  </code></pre>
  
  <p>I've tried this with no luck too:</p>
  
  <pre><code>document.webkitExitFullscreen();
  </code></pre>