TextInput: placeholder bug with increased space between letters

[skinnynpale]

Description

This bug appears completely randomly. tried using bare TextInput - same thing. Same thing on emulators and build versions.

Steps to reproduce

This bug appears completely randomly

React Native Version

0.73.2

Affected Platforms

Runtime - iOS, Build - MacOS

Areas

Fabric - The New Renderer, TurboModule - The New Native Module System, Other (please specify)

Output of npx react-native info

System:
  OS: macOS 14.2.1
  CPU: (12) arm64 Apple M3 Pro
  Memory: 100.45 MB / 18.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 18.19.0
    path: ~/.nvm/versions/node/v18.19.0/bin/node
  Yarn:
    version: 1.22.21
    path: /opt/homebrew/bin/yarn
  npm:
    version: 10.2.3
    path: ~/.nvm/versions/node/v18.19.0/bin/npm
  Watchman:
    version: 2023.12.04.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.14.3
    path: /Users/skinnynpale/.rbenv/shims/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 23.2
      - iOS 17.2
      - macOS 14.2
      - tvOS 17.2
      - visionOS 1.0
      - watchOS 10.2
  Android SDK: Not Found
IDEs:
  Android Studio: 2023.1 AI-231.9392.1.2311.11076708
  Xcode:
    version: 15.2/15C500b
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.9
    path: /usr/bin/javac
  Ruby:
    version: 3.0.6
    path: /Users/skinnynpale/.rbenv/shims/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.2.0
    wanted: 18.2.0
  react-native:
    installed: 0.73.2
    wanted: 0.73.2
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

Stacktrace or Logs

This bug appears completely randomly

Reproducer

This bug appears completely randomly

Screenshots and Videos

[github-actions]

⚠️	Missing Reproducible Example
ℹ️	We could not detect a reproducible example in your issue report. Please provide either: If your bug is UI related: a Snack If your bug is build/update related: use our Reproducer Template. A reproducer needs to be in a GitHub repository under your username.

[cortinico]

@skinnynpale Is this happening only on the New Architecture?

[skinnynpale]

@skinnynpale Is this happening only on the New Architecture?

It seems that yes, our project was previously on the old architecture, there were no such problems, after moving to the new architecture, problems appeared

[cortinico]

@skinnynpale Is this happening only on the New Architecture?

It seems that yes, our project was previously on the old architecture, there were no such problems, after moving to the new architecture, problems appeared

If you disable the New Architecture does the problem disappear?

[r-sarviro]

@skinnynpaleЭто происходит только в Новой Архитектуре?

Вроде да, наш проект раньше был на старой архитектуре, таких проблем не было, после перехода на новую архитектуру проблемы появились

Если отключить новую архитектуру, проблема исчезнет?

Thanks for your interest, let us check it out.
Perhaps the problem is not in the new architecture, but in the new version of RN.
We will gather more information and get back to you.

[cortinico]

Perhaps the problem is not in the new architecture, but in the new version of RN.
We will gather more information and get back to you.

Yup thank you

[mdvacca]

@skinnynpale

• could you add a small code example of the text input props and styles?
• is the first screensht from android? or can you confirm you can repro on both platforms?

[skinnynpale]

@skinnynpale

• could you add a small code example of the text input props and styles?
• is the first screensht from android? or can you confirm you can repro on both platforms?

1. this manifests itself even if we simply use bare
2. no, iOS, was not noticed on android

P.S — this bug appears often along with this #42640 (comment)