Skip to content

[iOS][Fabric] Multiline TextInput caret becomes very large after deleting text inserted via dictation #58702

Description

@DivyeshVirtueinfo

Description

On iOS with the New Architecture, when text is inserted into a multiline TextInput using keyboard dictation (mic) and that text is then deleted, the caret renders at a much larger height than the font size.

Steps to reproduce

  1. Render a multiline TextInput (fontSize 14, lineHeight 20).
  2. Focus it on a real iOS device and tap the keyboard mic icon.
  3. Dictate a sentence so it is inserted.
  4. Delete all the dictated text.
  5. Observe the caret is abnormally tall.

React Native Version

0.82.1

Affected Platforms

Runtime - iOS

Output of npx @react-native-community/cli info

System:
  OS: macOS 26.4
  CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Memory: 981.30 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 22.14.0
    path: /Users/ahe2025/.nvm/versions/node/v22.14.0/bin/node
  Yarn:
    version: 3.6.4
    path: /Users/ahe2025/.nvm/versions/node/v22.14.0/bin/yarn
  npm:
    version: 10.9.2
    path: /Users/ahe2025/.nvm/versions/node/v22.14.0/bin/npm
  Watchman:
    version: 2025.08.18.00
    path: /usr/local/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /Users/ahe2025/.rbenv/shims/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 25.4
      - iOS 26.4
      - macOS 26.4
      - tvOS 26.4
      - visionOS 26.4
      - watchOS 26.4
  Android SDK: Not Found
IDEs:
  Android Studio: 2026.1 AI-261.26222.65.2613.16025427
  Xcode:
    version: 26.4/17E192
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.16
    path: /usr/bin/javac
  Ruby:
    version: 3.3.0
    path: /Users/ahe2025/.rbenv/shims/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 20.0.0
    wanted: 20.0.0
  react:
    installed: 19.1.1
    wanted: 19.1.1
  react-native:
    installed: 0.82.1
    wanted: 0.82.1
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

Stacktrace or Logs

No crash or stacktrace. This is a visual bug only.

No errors or warnings appear in the Metro logs or the Xcode console when the issue occurs. The app keeps running normally, and only the caret (cursor) renders at an abnormally large height.

Steps where it happens: dictate text via the keyboard mic, then delete the dictated text. A screenshots is attached in the description.

MANDATORY Reproducer

https://snack.expo.dev/@divyesvi/greedy-blue-coffee

Screenshots and Videos

Image

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions