Scenario

Caret visibility after scroll on iOS Safari

After the user or the page scrolls while editing in iOS Safari, the caret may render in the wrong place, disappear until the next tap, or sit outside the visible viewport—especially with fixed headers or virtual keyboard resize.

ui
Scenario ID
scenario-ios-safari-caret-visible-after-scroll

Details

After the user or the page scrolls while editing in iOS Safari, the caret may render in the wrong place, disappear until the next tap, or sit outside the visible viewport—especially with fixed headers or virtual keyboard resize.

References

Scenario flow

Visual view of how this scenario connects to its concrete cases and environments. Nodes can be dragged and clicked.

React Flow mini map

Variants

Each row is a concrete case for this scenario, with a dedicated document and playground.

Case OS Device Browser Keyboard Status
ce-0555-ios-safari-caret-visible-after-scroll iOS Any Mobile Any Safari Latest US draft

Cases

Open a case to see the detailed description and its dedicated playground.

Related Scenarios

Other scenarios that share similar tags or category.

Tags: ios, scroll, keyboard

Page scroll when the mobile keyboard opens

Mobile browsers may scroll the page to bring the focused field into view when the virtual keyboard opens—sometimes overscrolling or hiding fixed UI and the caret.

1 case
Tags: caret, scroll

Caret scrolls out of view during typing

Automatic scroll-to-caret may fail when the editable is inside nested scrollers, overflow hidden ancestors, or during rapid input—the user loses sight of the insertion point without manual scroll.

1 case

Comments & Discussion

Have questions, suggestions, or want to share your experience? Join the discussion below.