title: window.innerHeight issue on android 2.3.5
body: <p>First off: Yes I did google, I even got into the dark-side of the google search results.</p>
  
  <p>Using an Android Nexus S and the default browsers on Android 2.3.5 window.innerHeight reports the wrong value.</p>
  
  <p>It reports the value of the window.height (which should be 452) minus the keyboard height (207). This specifically happens after a reload (touching the addressbar and clicking 'go').</p>
  
  <p>This example code returns the wrong results:</p>
  
  <pre><code>$(function() {
      alert(window.innerHeight); // 245
  
      setTimeout(function() {
          alert(window.innerHeight); // 245
      }, 1000);
  });
  </code></pre>
  
  <p>The following all return wrong results:</p>
  
  <pre><code>$(body).height(); // (way) too high
  screen.height; // 245
  window.outerHeight; // 600+
  document.body.offsetHeight; //646
  screen.height / window.devicePixelRatio - window.screenTop; //125.xxx;
  </code></pre>
  
  <p>The window.onResize event does not trigger, However, rotating it twice does fix the height issue (but I can't tell my clients to do that).</p>
  
  <p>I messed around a bit with the viewport. This is my current one:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1, user-scalable=no target-densityDpi=160" /&gt;
  </code></pre>
  
  <p>I'm hoping that I missed a niche corner off the internet where the holy grail of android and window.innerHeight is available (and free to use ;)</p>
  
  <p>So if you know of any solution, or anything that fixed something similar in the past, please share :)</p>