title: Unknown white space appear on the right side of web page
body: <p>Here's the look: </p>
  
  <p>[<img src="https://i.stack.imgur.com/qlhFO.png" alt="Page with issue">]</p>
  
  <p>I did the page in ReactJS, but I've made a copy of the page <a href="http://codepen.io/flyfy1/pen/MKvRMy" rel="nofollow noreferrer">here</a>.</p>
  
  <p>To better show the white space, here's the screenshot:
  <a href="https://i.stack.imgur.com/5fbKl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5fbKl.png" alt="Image Show White Space"></a></p>
  
  <p>several interesting observations:</p>
  
  <ul>
  <li>when the page is first loaded, there's no such issue.</li>
  <li>the issue only appear, when the second image box (the one with 100% bar there) added into DOM</li>
  <li><code>screen.width</code> = 375</li>
  <li><code>$('html').width()</code> = 375, also</li>
  <li>I don't know how and why the white space appeared, nor can I find any element having width > 375. (I didn't check through all element though)</li>
  <li><code>$('body').find('div').each(function(idx,e){if($(e).width() &gt; 375) console.log($(e).width())})</code> would give me no output</li>
  <li>I try to do inspect on that white area, cannot. It would imply show me the body</li>
  <li>this issue appear both on web and on mobile</li>
  <li>this issue doesn't appear for the code in codepen I've shown above, although that code is an exact copy of the HTML generated (I copied directly from Chrome Inspector), with all the javascript removed</li>
  </ul>
  
  <p>Any idea on: 1) why the white space appeared? 2) how could I solve the issue?</p>
  
  <p>PS: just in case if you missed the part I put link to CodePen, <a href="http://codepen.io/flyfy1/pen/MKvRMy" rel="nofollow noreferrer">Here it is again</a>.</p>
  
  <p>Update 2: I have this input box which I'm placing outside the page:</p>
  
  <pre><code>&lt;input type="file" class="attache-upload-button" data-reactid=".0.0.1.3.1.1.0.0.1"&gt;
  </code></pre>
  
  <p>Corresponding style:</p>
  
  <pre><code>.review-add-form form .uploader .attache-upload-area .attache-upload-button {
    position: fixed;
    top: -1000px;
  }
  </code></pre>