Skip to content

Add pointerEvents={"none"} to the TextInput#12

Merged
mountiny merged 1 commit intoExpensify:masterfrom
j-piasecki:patch-2
Feb 1, 2024
Merged

Add pointerEvents={"none"} to the TextInput#12
mountiny merged 1 commit intoExpensify:masterfrom
j-piasecki:patch-2

Conversation

@j-piasecki
Copy link
Copy Markdown

On the new architecture the TextInput used to display the text was intercepting events. This seems to be caused by the view-flattening algorithm moving it out of the parent view which has pointerEvents="box-only" set.

The solution would be either to add pointerEvents="none" to the TextInput itself, as done in this PR, or to disable the view flattening for the parent view (by adding collapsable={false} prop to it), so the native view structure would match the react one.

Let me know if you prefer the second approach and I will update the PR.

Copy link
Copy Markdown

@mountiny mountiny left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This solution seems fine for me

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants