Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: add support for caretHidden prop in TextInput #2542

Closed
wants to merge 2 commits into from

Conversation

aswin-s
Copy link
Contributor

@aswin-s aswin-s commented Jun 22, 2023

Details

This PR adds support for caretHidden prop in TextInput component.

Adding caretHidden prop should ideally hide the text insertion caret on browsers. This is not working right now. This PR intends to fix the issue by setting caretColor as transparent while this prop is used.

fixes #2541

@codesandbox-ci
Copy link

codesandbox-ci bot commented Jun 22, 2023

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 3327e16:

Sandbox Source
react-native-web-examples Configuration
flamboyant-resonance-6r2m7w Issue #2541

@@ -402,6 +403,7 @@ const TextInput: React.AbstractComponent<
{ '--placeholderTextColor': placeholderTextColor },
styles.textinput$raw,
styles.placeholder,
caretHidden && styles.caretHidden,
Copy link
Contributor

Choose a reason for hiding this comment

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

Shouldn't this style be the last not to be overwritten by props.style?

@necolas necolas added this to the 0.19.x milestone Jun 26, 2023
@necolas necolas closed this in 1c376db Jun 26, 2023
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.

caretHidden prop is not supported for TextInput
3 participants