Modal form input text cursor/caret floats fixed on page when page is scrolled on iPhone
Created by: qdonnellan
When you open a modal that contains a form and an input element on an iPhone and select the input field (or start typing) the blue cursor/caret will stay fixed on the screen when the screen scrolls until the scrolling action is complete.
Steps to reproduce
- On an iPhone, navigate to a page with a form inside a modal, this is a fine example: http://tutsme-webdesign.info/tutorials/contact-modal/Modal-Contact-withpopover.html
- Select an input field, notice the blue caret/cursor blinking in the field
- Scroll the page with your finger; the blue caret does not move with input field
Desired behavior
When you select an input field and scroll the screen, the blinking blue cursor/caret should move with the input field.
I suspect this is an iOS only problem, and I'm quite frankly not certain if this is bootstrap specific or something that ails the OS as a whole. It seems other libraries have encountered a similar instance of this bug, for example https://github.com/cubiq/iscroll/issues/178 and https://bugs.dojotoolkit.org/ticket/17036 which leads me to believe there should be a fix associated.