Skip to content

[Fabric] OnChangeText will fire twice when first typing in a textInput #12780

New issue
New issue
Open
Bug
#14786
Open
[Fabric] OnChangeText will fire twice when first typing in a textInput#12780
Bug
#14786
Assignees
HariniMalothu17copilot-swe-agent
Labels
Area: FabricSupport Facebook FabricArea: TextInputNew ArchitectureBroad category for issues that apply to the RN "new" architecture of Turbo Modules + FabricWorkstream: Component ParityClose the parity gap between RNW and RN for core RN components and their supporting APIs.bug
Milestone
Next
@TatianaKapos

Description

@TatianaKapos
TatianaKapos
opened on Feb 28, 2024 · edited by TatianaKapos
Contributor

Problem Description

onChangeText should only fire once when typing a singe character. But when first typing on a TextInput, onChangeText will fire twice. See below for log of events for type "a" into a TextInput.

Paper
image

Fabric
image

Steps To Reproduce

  1. Type a single character into a textinput
  2. onChangeText will fire twice

Expected Results

OnChangeText will only fire once

CLI version

npx react-native -v

Environment

npx react-native info

Target Platform Version

None

Target Device(s)

No response

Visual Studio Version

None

Build Configuration

None

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

No response

Activity

TatianaKapos
added
bug
on Feb 28, 2024
microsoft-github-policy-service
added
Needs: Triage 🔍New issue that needs to be reviewed by the issue management team (label applied by bot)
on Feb 28, 2024
TatianaKapos
mentioned this on Feb 28, 2024
chrisglein
added
Area: TextInput
Area: FabricSupport Facebook Fabric
on Feb 29, 2024
chrisglein
assigned
TatianaKapos
on Feb 29, 2024
chrisglein
added this to the Backlog milestone on Feb 29, 2024
chrisglein
removed
Needs: Triage 🔍New issue that needs to be reviewed by the issue management team (label applied by bot)
on Feb 29, 2024
jonthysell
added this to RNW New Architectureon Mar 5, 2024
jonthysell
added
New ArchitectureBroad category for issues that apply to the RN "new" architecture of Turbo Modules + Fabric
on Mar 7, 2024
TatianaKapos
modified the milestones: Backlog, Next on Mar 18, 2024
TatianaKapos

TatianaKapos commented on Apr 2, 2024

@TatianaKapos
TatianaKapos
on Apr 2, 2024
ContributorAuthor

This is happening because of an extra call from UpdateState, however that extra call is needed to get the right ordering of events. Not sure what is the solution here but will look at it later

TatianaKapos
modified the milestones: Next, Backlog on Apr 2, 2024

10 remaining items

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

Metadata

Metadata

Assignees

Labels

Area: FabricSupport Facebook FabricArea: TextInputNew ArchitectureBroad category for issues that apply to the RN "new" architecture of Turbo Modules + FabricWorkstream: Component ParityClose the parity gap between RNW and RN for core RN components and their supporting APIs.bug

Type

Bug

Projects

RNW New Architecture

Status

No status

Milestone

Relationships

None yet

    Development

    Participants

    @jonthysell@chrisglein@chiaramooney@TatianaKapos@HariniMalothu17

    Issue actions
      [Fabric] OnChangeText will fire twice when first typing in a textInput · Issue #12780 · microsoft/react-native-windows