[TextInput] Multiline placeholder position when default font-size is changed
See original GitHub issueI changed TextInput multiline={true}
default font to fontFamily: 'Iowan Old Style',
and text placeholder is a few pixels below than written text. Text is jumping when I enter first character into TextInput.
The cause is _contentInset.top
in RCTTextView.m.
If anyone wants to use ‘Iowan Old Style’ and have the same problem you can change the value to - 7
and restart Xcode.
Not a best solution but it works.
Issue Analytics
- State:
- Created 8 years ago
- Comments:6
Top Results From Across the Web
How to align text input correctly in react native? - Stack Overflow
I had a similar use case in my iOS app, wherein the TextInput 's height was 100 and the placeholder was showing in...
Read more >TextInput - React Native
TextInput has by default a border at the bottom of its view. This border has its padding set by the background image provided...
Read more >TextInput · React Native Paper
Callback that is called when the text input's text changes. Changed text is passed as an argument to the callback handler. selectionColor. Type:...
Read more >:placeholder-shown - CSS: Cascading Style Sheets | MDN
The :placeholder-shown CSS pseudo-class represents any <input> or <textarea> element that is currently displaying placeholder text.
Read more >Text in Compose - Jetpack - Android Developers
The textAlign parameter allows to set the alignment of the text within a Text composable surface area. By default, Text will select the...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@brentvatne Can this be reopended? Or should I create a new issue? This is a problem in my app and I’m on the latest version of RN.
Hi there! This issue is being closed because it has been inactive for a while.
But don’t worry, it will live on with ProductPains! Check out it’s new home: https://productpains.com/post/react-native/textinput-multiline-placeholder-position-when-default-font-size-is-changed