react-native-paper icon indicating copy to clipboard operation
react-native-paper copied to clipboard

Multiline TextInput label is not visible in flat mode

Open Michota opened this issue 6 months ago • 2 comments

Bug Report Template

Current Behaviour
When focusing into a TextInput, in when mode="flat", the label disappears. The label displays correctly when multiline=false, and this issue only occurs on iOS. This occured in the latest version (5.14.5), and also in 5.14.1.

Also, it seems like some letters like letter "i" in this "Uwagi" word is also cut by the same overlay.

Expected Behaviour
The label should be scaled down and visible as usual when the TextInput is focused, regardless of multiline setting or platform.

How to Reproduce

  1. Use react-native-paper version 5.14.5.
  2. Render a TextInput, with following settings on iOS.
  • mode = "flat"
  • mutliline = true
  • label = "I am test field" <TextInput mode="flat" multiline={true} label="I am test field" />
  1. Focus the TextInput.
  2. Observe that the label disappears.

Screenshots:

Screenshot 2024-08-21 at 14 10 38 Screenshot 2024-08-21 at 14 10 44

The "i" cut in "Uwagi" word,

Image

What Have You Tried So Far? I tried doing the same thing as he did, but it is not working.

Your Environment

software version
ios 18.4
android x
react-native 0.79.2
react-native-paper 5.14.5
node 22
npm or yarn pnpm
expo sdk 53

Michota avatar Jun 10 '25 16:06 Michota

I have this problem too.

rozhkovs avatar Jun 16 '25 08:06 rozhkovs

bump

Michota avatar Jul 24 '25 23:07 Michota