Skip to content

TextInput is unstable for Korean. (iOS only) #28994

Description

@toy0605

Please provide all the information requested. Issues that do not follow this format are likely to stall.

Description

Hi.
I found the issue on iOS devices.
I'm typing with Korean on TextInput. but font size changes madly or flickering during typing.
It's fine for english. It only has issue for Korean or mixing english and korean.

It causes from two ways.

  1. Font family is not assigned.
  2. Font family is Korean font.(NotoSansKR or Apple SD Gothic Neo) It looks good this way. but If add props like value and event handler(onChangeText) for changing value, it makes unstable, too.

It only works very well functionally. appearance is so bad.

That issue very annoying to me.

React Native version:

System:
OS: macOS 10.15.5
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Memory: 738.23 MB / 32.00 GB
Shell: 5.7.1 - /bin/zsh
Binaries:
Node: 14.0.0 - /usr/local/bin/node
Yarn: 1.22.4 - /usr/local/bin/yarn
npm: 6.14.4 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.9.2 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: iOS 13.5, DriverKit 19.0, macOS 10.15, tvOS 13.4, watchOS 6.2
Android SDK: Not Found
IDEs:
Android Studio: 3.6 AI-192.7142.36.36.6392135
Xcode: 11.5/11E608c - /usr/bin/xcodebuild
Languages:
Java: 1.8.0_252 - /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

The issue for TextInput only. Not Text component.

  1. Font family is none.
  2. Font family is Korean font. but using props(value and onChangeText)

and typing Korean text.

Expected Results

I just want it looks stable.

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

<TextInputstyle={{width: "100%",backgroundColor: "#eeeeee",fontSize: 14}}/>

Kapture 2020-05-28 at 15 12 00

<TextInputstyle={{width: "100%",backgroundColor: "#eeeeee",fontFamily: "NotoSansKR-Regular",fontSize: 14}}value={this.state.textValue}onChangeText={(text)=>this.setState({textValue: text})}/>

Kapture 2020-05-28 at 15 09 00

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