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's placeholder is not being displayed initially with multiline set to true on iOS #1483

Closed
ImTheC opened this issue Nov 19, 2019 · 20 comments

Comments

@ImTheC
Copy link

ImTheC commented Nov 19, 2019

Current behaviour

On iOS, when using , if multiline is true and label and placeholder both have a value, the placeholder is not displayed when you click on the input filed. If you type something in, selected it all, and delete it, then the placeholder is displayed and works as expected.

Expected behaviour

The placeholder should be displayed after clicking on the input field.

Code sample

https://snack.expo.io/S1_Ags-nB

Screenshots (if applicable)

N/A

What have you tried

At first I was passing in the values with props, so I tried setting them directly as strings, but it didn't seem to matter either way.

Your Environment

software version
ios or android ios
react-native 0.60.5
react-native-paper 3.1.1
node 11.15.0
npm or yarn npm
expo sdk 35.0.0
@Trancever
Copy link
Contributor

@ImTheC Can you check if it still occurs in paper v3.3.0?

@koktavy
Copy link

koktavy commented Jan 30, 2020

@Trancever This behavior still exists as of v3.5.1, running the TextInput example on Snack, only adding multiline and a placeholder string. Placeholder works as expected without multiline.

@jeffjvick
Copy link

We are experiencing the same issue on iOS. Paper v 3.6.0

If you enter two lines of text into the text input and then erase them, then you will see the placeholder. See the video for an example of this behavior.

RNP_multiline_textinput_placeholder

@github-actions
Copy link

Hello 👋, this issue has been open for more than 2 months with no activity on it. If the issue is still present in the latest version, please leave a comment within 7 days to keep it open, otherwise it will be closed automatically. If you found a solution on workaround for the issue, please comment here for others to find. If this issue is critical for you, please consider sending a pull request to fix the issue.

@ovbm
Copy link

ovbm commented May 28, 2020

Having this same issue. Was anyone able to resolve it? Using 3.8.0, seeing the same behavior as @jeffjvick

@koktavy
Copy link

koktavy commented Jun 1, 2020

@ovbm My team has not prioritized finding a workaround, but I can confirm the issue remains. I tested again using the example Snack, running 3.10.1.

@Biciato
Copy link

Biciato commented Jan 12, 2021

Still present

@JulienRst
Copy link

We might want to re-open this issues as it still occurs ?

@enagorny
Copy link
Contributor

This is still the issue in latest version

@dongdyang
Copy link

+1

@blixit
Copy link

blixit commented Mar 14, 2021

Still having this issue

@angel-venchev-toptal
Copy link

angel-venchev-toptal commented Mar 22, 2021

I am having the same issue
@kotavy did you find a workaround?

@HassanHaiderIX
Copy link

in IOS build I am facing same issue Placeholder is missing, can some one help me?

@wennaspeedy
Copy link

Is there any way to always show placeholder?

@HassanHaiderIX
Copy link

what I found out that turning off dark mode will resolve this issue.

@neilgamb
Copy link

neilgamb commented Apr 1, 2021

still an issue... not in dark mode

@dylanrandle
Copy link

This is still an issue. Please re-open.

@dylanrandle
Copy link

dylanrandle commented Apr 2, 2022

Created a new issue #3138.

@mehdinourollah
Copy link

"react-native-paper": "^4.12.3" still have this issue on iOS

@benasdom
Copy link

add this as a prop to fix the issue <TextInput placeholderTextColor={"grey"}/>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests