question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[TextInput] Multiline placeholder position when default font-size is changed

See original GitHub issue

I 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:closed
  • Created 8 years ago
  • Comments:6

github_iconTop GitHub Comments

1reaction
RWOverdijkcommented, Sep 3, 2017

@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.

0reactions
brentvatnecommented, Jan 2, 2016

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

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found