Skip to content

issues with controlled TextInput with text replacement, "." shortcut on iOS #27693

@chrisdrackett

Description

@chrisdrackett

React Native version: 0.61.4

Steps To Reproduce

  1. Create a TextInput component:
        <TextInput
          onChangeText={setValue}
          value={value}
        />
  1. In iOS settings > general > keyboard make sure that "." Shortcut is on.
  2. make sure "Check Spelling" is on.
  3. make sure at least one thing is available in "Text Replacement" (omw should be there by default)
  4. within the text input you created type some misspelled text.
  5. press space twice after your text
  6. type the text replacement shortcut

Describe what you expected to happen:

  1. Miss-spelled text should have a red underline
  2. there should be a period when space is pressed twice
  3. text replacement shortcut should be replaced with its matching text.

The above will not be true when using value on a TextInput. If you remove the value prop and have the component uncontrolled the above all works as expected. Also, if the component is made multiline the above all work as expected, even in the controlled case.

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

https://snack.expo.io/H18J_rWlI

Metadata

Metadata

Assignees

No one assigned

    Labels

    BugNever gets stalePrevent those issues and PRs from getting stalePlatform: iOSiOS applications.Resolution: FixedA PR that fixes this issue has been merged.

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions