title: Input focus issue on iPhone
body: <p>First off, after doing some research I am aware of previous issues relating to input fields causing issues on iOS. However, apparently this was fixed in iOS update 11.3. The device I am using for testing is an iPhone 5s running iOS 11.4.1.</p>
  
  <p>I have created an html document (includes css and JS) and it is stored on the Google Cloud Platform <strong><a href="https://storage.googleapis.com/leaflet_maps/washing_machine.html" rel="nofollow noreferrer">here</a></strong>. If you open this link on either an Android or iPhone, everything displays and works as intended.</p>
  
  <p>I am using <a href="https://apppresser.com/" rel="nofollow noreferrer">AppPresser</a> to create a mobile app. A page of the app loads the Google Cloud link and displays it with no issues. AppPresser provides a previewer app that can be installed on a device for testing the current app build. On an Android device, the html page still works perfectly as intended, but there are issues when testing on an iPhone. Here are some screenshots:</p>
  
  <p>If the "Purchasing Price" input is focussed while at the bottom of the screen, it moves to the top as space is made for the keyboard.</p>
  
  <p><strong>Before:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/UUGJK.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UUGJK.jpg" alt="enter image description here"></a></p>
  
  <p><strong>After:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/r32Cj.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/r32Cj.jpg" alt="enter image description here"></a></p>
  
  <p>However, if the "Purchasing Price" input field is near the top of the screen and it is focused, everything seems to go haywire. The container vanishes and a previous container is shown. The user cannot see what data they are entering.</p>
  
  <p><strong>Before:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/Zmxsj.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Zmxsj.jpg" alt="enter image description here"></a></p>
  
  <p><strong>After:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/ElpCq.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ElpCq.jpg" alt="enter image description here"></a></p>
  
  <p>I find this issue to be very strange, especially as the html page works perfectly on an iPhone when opened directly through the browser. Any feedback would be much appreciated.</p>
  
  <p>Thanks</p>