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

TextInput selectionColor is opaque on Android, which makes text hard to read #4011

Closed
jahirfiquitiva opened this issue Aug 2, 2023 · 0 comments · Fixed by #4016
Closed
Assignees
Labels

Comments

@jahirfiquitiva
Copy link

Current behaviour

When selecting a text within a TextInput in android, the selectionColor is opaque (i.e. isn't partially transparent), which makes the text hard to read.

Expected behaviour

The selected text should be readable regardless of the selectionColor, even if it's a custom one.

How to reproduce?

https://snack.expo.dev/@jahirfiquitiva/rnp-textfield-selection

Preview

Shot 2023-08-02 at 17 05 43@2x

What have you tried so far?

Passing a transparent color for selectionColor like selectionColor={"rgba(255, 255, 0, 0.2)"}
But then the cursorColor in android is the same as selectionColor even if a custom/specific cursorColor was set

Your Environment

software version
ios x
android x
react-native x.x.x
react-native-paper 5.9.1
node x.x.x
npm or yarn x.x.x
expo sdk 47.0.0
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants