react-native-paper
react-native-paper copied to clipboard
TextInput: autofill yellow highlight overflows when the field is not long enought
Current behaviour
TextInput: autofill yellow highlight overflows when the field is not long enought and do not cover all the field. Sending attached github link and screenshots. In long fields with autocomplete like email the issue can be particularly recurring. This is a react-native bug (code #31811), but affects directly this component,
Expected behaviour
Yellow highlighting must cover all text and cannot overflow the beginning of the field. Or custom highlight property.
Code sample
https://github.com/manuelgarciacr/rnp-textinput-bug.git
Screenshots (if applicable)

What have you tried
React native bug: https://github.com/facebook/react-native/issues/31811
Your Environment
| software | version |
|---|---|
| ios or android | android API Levels: 27, 28, 29, 30. Build Tools: 28.0.3, 29.0.2, 30.0.2. Android Studio: Version 4.2.0.0 AI-202.7660.26.42.7351085 |
| react-native | react: 16.13.1 => 16.13.1. react-native: https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz => 0.63.2 |
| react-native-paper | "react-native-paper": "^4.9.2" |
| node | 14.7.0 - C:\Program Files\nodejs\node.EXE |
| npm or yarn | Yarn: 1.22.10 - C:\Program Files\nodejs\yarn.CMD. npm: 7.11.1 - C:\Program Files\nodejs\npm.CMD |
| expo sdk | 4.7.1 |
Couldn't find version numbers for the following packages in the issue:
react-nativereact-native-vector-iconsyarnexpo
Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.
The versions mentioned in the issue for the following packages differ from the latest versions on npm:
npm(found:7.11.1, latest:7.19.1)
Can you verify that the issue still exists after upgrading to the latest versions of these packages?
react-native: 0.63.2 react-native-vector-icons: 8.1.0 Yarn: 1.22.10 expo: 4.7.2 npm: 7.19.1
The issue still exists after upgrading
I think from couple Paper versions there is no yellow highlight, hence closing the issue.