Skip to content
GitLab
Closed
Issue created by Administrator@rootContributor

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

  1. 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
  2. Select an input field, notice the blue caret/cursor blinking in the field
  3. 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.