Page reload when filling out a form in an iframe on iOS devices

Question

Page reload when filling out a form in an iframe on iOS devices

I have a problem with iOS browsers

These are the conditions for the starter:
  - We have a simple html page that contains an iframe
  - the iframe also contains a simple html page with a form
  - the iframe has no scrolling and the dimensions are fixed.

Error: Now if we open this page on iPhone (from Chrome / Safari browser) and start filling out the form, then at some point when text prints, the page scrolls by itself

This is an example link

<div id="container">

  <iframe src="https://www.w3schools.com/php/demo_form_validation_complete.php" frameborder="0"></iframe>

</div>

Why is this happening? How do you prevent these automatic page transitions?

+3

javascript html ios scroll

Shamil Abdulaev 06 Apr 17 at 13:34

source to share

No one has answered this question yet

Check out similar questions:

1630

Make a div to fill the height of the remaining screen.

1198

Pure JavaScript jQuery $ .ready () equivalent - how to call a function when the page / DOM is ready for it

591

Calling JavaScript code in an iframe from the parent page

153

Background images skip when address bar hides iOS / Android / Mobile Chrome

46

Unable to display HTML string

fourteen

Calling element.focus () on iframe scrolls parent page to random position in Safari iOS10

7

Chrome vertical jump on page scrolling down

1

window.replaceState in an iframe causing a scroll jump of the parent window?

1

Ipad safari rendered inside iframe inside modal cursor transition

0

IOS issue when filling out a form in an iframe

Page reload when filling out a form in an iframe on iOS devices

More articles: