You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When focusing into a TextInput (at least when mode='flat'), the label disappears. It shows up normally when multiline=false, and this is only a problem on iOS.
Expected behaviour
For the label to be scaled down and shown as usual.
Preview
What have you tried so far?
I've traced the problem down to this code in TextInputFlat.tsx, commenting it out solves the problem.
{!isAndroid && multiline && !!label && !disabled && (
// Workaround for: https://github.com/callstack/react-native-paper/issues/2799
// Patch for a multiline TextInput with fixed height, which allow to avoid covering input label with its value.
<View
testID="patch-container"
pointerEvents="none"
style={[
StyleSheet.absoluteFill,
dense ? styles.densePatchContainer : styles.patchContainer,
{
backgroundColor:
viewStyle.backgroundColor || containerStyle.backgroundColor, **// <-- commenting out this line fixes the issue.**
left: paddingLeft,
right: paddingRight,
},
]}
/>
)}
Your Environment
software
version
react-native
0.74.1
react-native-paper
5.12.5
The text was updated successfully, but these errors were encountered:
@ericpoulinnz if you comment the style for background. #2799 this issue will re-exist
@saadi-ninjasCode Yeah obviously not the solution, just illustrating where the issue is happening in the code as far as I can see. Seems like a z-index issue or something.
Current behaviour
When focusing into a TextInput (at least when mode='flat'), the label disappears. It shows up normally when multiline=false, and this is only a problem on iOS.
Expected behaviour
For the label to be scaled down and shown as usual.
Preview
What have you tried so far?
I've traced the problem down to this code in
TextInputFlat.tsx
, commenting it out solves the problem.Your Environment
The text was updated successfully, but these errors were encountered: