title: requestFullscreen in Chrome: image remains small
body: <p>I'm following <a href="http://www.sitepoint.com/use-html5-full-screen-api/">this great tutorial from SitePoint</a> to implement <em>fullscreen-on-click</em> on some images of my site.</p>
  
  <p>My code is very similar to <a href="http://blogs.sitepointstatic.com/examples/tech/full-screen/index2.html">the example provided by SitePoint</a>, but here is my code:</p>
  
  <h2>HTML</h2>
  
  <pre class="lang-html prettyprint-override"><code>&lt;figure class="fullscreenOnClick"&gt;
      &lt;img src="https://dw-uploads.s3.eu-central-1.amazonaws.com/photos/originals/359c0687ae12e32bb5f26f2005763b73"&gt;
  &lt;/figure&gt;
  </code></pre>
  
  <h2>JS</h2>
  
  <pre class="lang-js prettyprint-override"><code>$('.fullscreenOnClick').on('click', function(e) {
      e.preventDefault;
  
      var elem = this;
      if (elem.requestFullscreen) {
          elem.requestFullscreen();
      } else if (elem.msRequestFullscreen) {
          elem.msRequestFullscreen();
      } else if (elem.mozRequestFullScreen) {
          elem.mozRequestFullScreen();
      } else if (elem.webkitRequestFullscreen) {
          elem.webkitRequestFullscreen();
      } else {
          alert("Sorry, your browser is too old and doesn't support fullscreen :-(")
      }
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/xnyj9wr5/">http://jsfiddle.net/xnyj9wr5/</a> (not working - again, <a href="http://blogs.sitepointstatic.com/examples/tech/full-screen/index2.html">see SitePoint example</a>)</p>
  
  <h2>The problem</h2>
  
  <p>My problem is that Firefox and IE display the fullscreen image as I expect: the image gets shown in its original size, centered.</p>
  
  <p>Chrome is causing the issue: the image just get centered on the black background, keeping its current size.</p>
  
  <p><strong>How can I get Chrome to do fullscreen like Firefox and IE?</strong> </p>
  
  <p>Please note: I must apply the fullscreen effect to the outer element, not to the img itself, because otherwise the image gets stretched.</p>