Skip to content

Modal form input text cursor/caret floats fixed on page when page is scrolled on iPhone #14708

@qdonnellan

Description

@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 cubiq/iscroll#178 and https://bugs.dojotoolkit.org/ticket/17036 which leads me to believe there should be a fix associated.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions