Skip to content

Broken Cyrillic symbols support in TextInput with custom fonts. RN 0.62[iOS] #28829

Description

@seniv

Description

In iOS, when I type any Cyrillic letter in TextInput with custom font family that doesn't have Cyrillic symbols support then text in input starts flickering(see gif below).
At every odd symbol in TextInput, all Cyrillic symbols just disappear

This issue appears in 0.62. On version 0.61 and below it works fine
img

React Native version:

 OS: macOS 10.15.4
CPU: (8) x64 Intel(R) Core(TM) i5-8279U CPU @ 2.40GHz
Memory: 42.68 MB / 8.00 GB
Shell: 5.7.1 - /bin/zsh
Binaries:
Node: 10.17.0 - ~/.nvm/versions/node/v10.17.0/bin/node
Yarn: 1.19.2 - /usr/local/bin/yarn
npm: 6.11.3 - ~/.nvm/versions/node/v10.17.0/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.8.4 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: iOS 13.4, DriverKit 19.0, macOS 10.15, tvOS 13.4, watchOS 6.2
Android SDK: Not Found
IDEs:
Android Studio: 3.5 AI-191.8026.42.35.5977832
Xcode: 11.4/11E146 - /usr/bin/xcodebuild
Languages:
Java: 11.0.5 - /usr/bin/javac
Python: 2.7.16 - /usr/bin/python
npmPackages:
@react-native-community/cli: Not Found
react: 16.11.0 => 16.11.0
react-native: 0.62.2 => 0.62.2
npmGlobalPackages:
*react-native*: Not Found

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

  1. Init RN 0.62.* project npx react-native init AwesomeProject
  2. link some font that doesn't support Cyrillic symbols
  3. Use that font in TextInput
  4. Write any Cyrillic text in the input

Expected Results

A font that doesn't support Cyrillic shouldn't flicker in TextInput, as it was in RN 0.61 and below

Snack, code example, screenshot, or link to a repository:

You can try these fonts from my example:
Modak
Pacifico

<Textstyle={styles.footer}>Modak: Doesnt support cyrillic</Text><TextInputstyle={{fontFamily: 'Modak'}}placeholder="Modak Font"/><Textstyle={styles.footer}>Pacifico: Support cyrillic</Text><TextInputstyle={{fontFamily: 'Pacifico'}}placeholder="Pacifico Font"/>

Metadata

Metadata

Assignees

No one assigned

    Labels

    Component: TextInputRelated to the TextInput component.Needs: Triage 🔍Platform: iOSiOS applications.StaleThere has been a lack of activity on this issue and it may be closed soon.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions