title: iOS 8: web app status bar position and resizing problems
body: <p>When setting the meta tags</p>
  
  <pre><code>apple-mobile-web-app-capable
  </code></pre>
  
  <p>and<br></p>
  
  <pre><code>apple-mobile-web-app-status-bar-style
  </code></pre>
  
  <p>to create a full screen web app, the iOS status bar is at the top of the screen (translucent) and there's an additional empty black bar at the bottom.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;
  &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt;
  &lt;meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"&gt;
  &lt;meta name="apple-touch-fullscreen" content="yes"&gt;
  &lt;meta name="apple-mobile-web-app-status-bar-style" content="black"&gt;
  &lt;/head&gt;
  &lt;body&gt;&lt;h1&gt;Test&lt;/h1&gt;
  &lt;p&gt;Capture a photo using camera&lt;/p&gt;
  &lt;input type="file" capture="camera" accept="image/*"&gt;
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>There's an additional problem with the tag <code>apple-mobile-web-app-status-bar-style</code>. After taking and accepting a photo via camera input black bars appear on the sides of the screen.
  I'm using iOS8 GM on an iPad3.</p>
  
  <p>I think this might be an iOS 8 bug but Apple doesn't seem to care about my bug report :(</p>
  
  <p>Does anyone know a solution/workaround for this problem?</p>
  
  <p><strong>Update 1:</strong>
  Apple marked my bug report as Duplicate (Closed) on Sept. 19th.</p>
  
  <p><strong>Update 2:</strong>
  Bug is fixed in iOS 8.3 Beta 1</p>