[Android] [TextInput] Placeholder font doesn't match TextInput styling #4600

AdamGorkoz · 2015-12-06T15:26:06Z

Hi , Is it possible to set the font style of the placeholder of a text component on android ? as far as the docs go you can only change the text.

facebook-github-bot · 2015-12-06T15:26:21Z

Hey turka50, thanks for reporting this issue!

React Native, as you've probably heard, is getting really popular and truth is we're getting a bit overwhelmed by the activity surrounding it. There are just too many issues for us to manage properly.

If this is a feature request or a bug that you would like to be fixed by the team, please report it on Product Pains. It has a ranking feature that lets us focus on the most important issues the community is experiencing.
If you don't know how to do something or not sure whether some behavior is expected or a bug, please ask on StackOverflow with the tag react-native or for more real time interactions, ask on Discord in the #react-native channel.
We welcome clear issues and PRs that are ready for in-depth discussion; thank you for your contributions!

ghost · 2015-12-22T12:54:49Z

I'm also having an issue with the placeholder text on Android. It does not apply the fontFamily which I have set in the styles. When I focus the TextInput the right fontFamily does get applied.

satya164 · 2015-12-22T23:04:32Z

Can confirm this.

ramneekhanda · 2016-02-25T18:34:01Z

+1

sabashChinTam · 2016-02-29T05:21:15Z

Hi,
I am also having this issue. Placeholder text fontFamily not applied, when I type to TextInput fontFamily applied. If i set secureTextEntry={true} placeholder text fontFamily applied

eric1iu · 2016-03-04T23:52:07Z

the default fontFamily not the same when set secureTextEntry={true}. looks weird.

brunobar79 · 2016-05-17T19:32:27Z

I think this can be closed since it was fixed here: #6564 and will be released on 0.26

charpeni · 2016-05-20T13:59:17Z

@facebook-github-bot close

ghost · 2016-05-20T14:11:43Z

@charpeni tells me to close this issue. If you think it should still be opened let us know why.

drpiou · 2016-05-24T11:35:01Z

I don't know why it was closed, placeholder font style doesn't match TextInput style on Android with ReactNative 0.26.1 (iOS works fine, fontFamily is applied for placeholder as expected).

satya164 · 2016-05-24T14:12:15Z

I can repro this successfully on 0.26.1. Placeholder still has the default font. The mentioned PR applies the style to the value text, but not the placeholder text.

peterhn · 2016-05-24T21:42:34Z

I can confirm this as well. My placeholder text font doesn't match textinput font.

SudoPlz · 2016-06-21T07:22:34Z

I can confirm as well! Product pain opened here product-pains/TextInput-placeholder-style-customization for both iOS and Android.

luisfuertes · 2016-06-27T09:17:32Z

I have "react-native": "^0.25.1" and when i put secureTextEntry={true} fontsFamily break.. how can fix it?

julien-rodrigues · 2016-07-13T14:57:10Z

I use the 0.29 and I have the issue too

aakashsigdel · 2016-07-17T11:29:19Z

Placeholder shown middle of the text input if a larger height is given on android. In ios it is on the top. Isn't there a way of defining where to place the placeholder? rn0.28.0

Arwiz · 2016-07-22T07:25:16Z

I am facing the same issue (aakashsigdel ) is there any workaround you get ?

aakashsigdel · 2016-07-22T12:00:21Z

@Arwiz
Well, it was in the documentation. I somehow missed it.
Here is how to do it:
textAlignVertical ReactPropTypes.oneOf( ['auto' /default/, 'top', 'bottom', 'center'] )
https://facebook.github.io/react-native/docs/text.html#style

magrinj · 2016-07-22T12:58:15Z

Same issue, my placeholder style doesn't match with the input style, I got this bug only on android phones.

CapitanRedBeard · 2016-09-20T21:21:51Z

My TextInput text in general isn't applying the correct font family. Placeholder AND entered text. Only on Android and I'm on v0.31

you-fail-me · 2016-09-23T14:03:23Z

I can also confirm this issue. React native v0.31, unable to change placeholder fontFamily on android

MrCeleryman · 2016-09-28T06:27:43Z

Yea same here on v0.31 for Placeholder and entered text in TextInput but is fine on Buttons

nyablo · 2016-10-04T16:12:43Z

The same, if I'm trying to use custom font.

alisonkohl · 2016-12-21T00:45:00Z

+1, still experiencing this as well on v0.35

ag7 · 2016-12-27T10:01:10Z

+1

goncalomarques · 2017-01-04T17:14:30Z

+1

bennygenel · 2017-01-10T15:58:13Z

+1 v0.39

fabien-h · 2017-01-12T12:44:11Z

still there on 0.40

satya164 · 2017-01-12T13:03:45Z

Please don't reply with +1 or saying that you still have the issue. This issue is still open because it's a known issue and hasn't been fixed yet. Commenting only spams everyone without doing anything to fix it.

Feel free to send a PR if you are willing to fix this.

SandroMachado · 2017-01-23T12:10:54Z

Refs: #12000

JosephMoralesGE · 2017-01-23T21:22:30Z

Can we have an eta on a fix for this issue?

ide · 2017-01-23T22:36:03Z

@janicduplessis has a PR out. I expect this to go out with RN 0.42 (Feb 1 RC, Mar 1 final release).

…k#4600 Summary: When using a TextInput with a custom font, the placeholder didn't use that font. This is because ReactTextInputManager didn't use ReactFontManager to create the TypeFace which handles custom fonts. **Test plan** Tested in UI explorer by reproducing the bug with and testing that the custom font gets applied properly after the fix. ``` js <TextInput placeholder="Hello" style={{ fontFamily: 'notoserif' }} /> ``` Closes facebook#12000 Reviewed By: hramos Differential Revision: D4443713 fbshipit-source-id: e92c9822d9226681d7b00126dad95e5534c0c46e

christopherdro added the Android label Dec 7, 2015

satya164 changed the title ~~[Android] [Text] placeholder styling~~ [Android] [TextInput] Placeholder font doesn't match TextInput styling Dec 22, 2015

brunobar79 mentioned this issue Mar 20, 2016

fontFamily and color support for TextInput secureTextEntry={true} #6540

Closed

ghost closed this as completed May 20, 2016

ghost added the Ran Commands One of our bots successfully processed a command. label May 20, 2016

satya164 reopened this May 24, 2016

vivanov1410 mentioned this issue Sep 2, 2016

Placeholder font family is not inherited makkke/road-so-far-mobile#31

Open

sbycrosz mentioned this issue Dec 30, 2016

placeholder colour not reflecting sbycrosz/react-native-credit-card-input#23

Closed

facebook-github-bot closed this as completed in 1100c40 Jan 24, 2017

facebook locked as resolved and limited conversation to collaborators Jul 20, 2018

react-native-bot added the Resolution: Locked This issue was locked by the bot. label Jul 20, 2018

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Android] [TextInput] Placeholder font doesn't match TextInput styling #4600

[Android] [TextInput] Placeholder font doesn't match TextInput styling #4600

AdamGorkoz commented Dec 6, 2015

facebook-github-bot commented Dec 6, 2015

ghost commented Dec 22, 2015

satya164 commented Dec 22, 2015

ramneekhanda commented Feb 25, 2016

sabashChinTam commented Feb 29, 2016

eric1iu commented Mar 4, 2016

brunobar79 commented May 17, 2016

charpeni commented May 20, 2016

ghost commented May 20, 2016

drpiou commented May 24, 2016

satya164 commented May 24, 2016 •

edited

Loading

peterhn commented May 24, 2016 •

edited

Loading

SudoPlz commented Jun 21, 2016 •

edited

Loading

luisfuertes commented Jun 27, 2016

julien-rodrigues commented Jul 13, 2016

aakashsigdel commented Jul 17, 2016

Arwiz commented Jul 22, 2016

aakashsigdel commented Jul 22, 2016

magrinj commented Jul 22, 2016

CapitanRedBeard commented Sep 20, 2016

you-fail-me commented Sep 23, 2016

MrCeleryman commented Sep 28, 2016

nyablo commented Oct 4, 2016

alisonkohl commented Dec 21, 2016 •

edited

Loading

ag7 commented Dec 27, 2016

goncalomarques commented Jan 4, 2017

bennygenel commented Jan 10, 2017

fabien-h commented Jan 12, 2017

satya164 commented Jan 12, 2017

SandroMachado commented Jan 23, 2017

JosephMoralesGE commented Jan 23, 2017

ide commented Jan 23, 2017

[Android] [TextInput] Placeholder font doesn't match TextInput styling #4600

[Android] [TextInput] Placeholder font doesn't match TextInput styling #4600

Comments

AdamGorkoz commented Dec 6, 2015

facebook-github-bot commented Dec 6, 2015

ghost commented Dec 22, 2015

satya164 commented Dec 22, 2015

ramneekhanda commented Feb 25, 2016

sabashChinTam commented Feb 29, 2016

eric1iu commented Mar 4, 2016

brunobar79 commented May 17, 2016

charpeni commented May 20, 2016

ghost commented May 20, 2016

drpiou commented May 24, 2016

satya164 commented May 24, 2016 • edited Loading

peterhn commented May 24, 2016 • edited Loading

SudoPlz commented Jun 21, 2016 • edited Loading

luisfuertes commented Jun 27, 2016

julien-rodrigues commented Jul 13, 2016

aakashsigdel commented Jul 17, 2016

Arwiz commented Jul 22, 2016

aakashsigdel commented Jul 22, 2016

magrinj commented Jul 22, 2016

CapitanRedBeard commented Sep 20, 2016

you-fail-me commented Sep 23, 2016

MrCeleryman commented Sep 28, 2016

nyablo commented Oct 4, 2016

alisonkohl commented Dec 21, 2016 • edited Loading

ag7 commented Dec 27, 2016

goncalomarques commented Jan 4, 2017

bennygenel commented Jan 10, 2017

fabien-h commented Jan 12, 2017

satya164 commented Jan 12, 2017

SandroMachado commented Jan 23, 2017

JosephMoralesGE commented Jan 23, 2017

ide commented Jan 23, 2017

satya164 commented May 24, 2016 •

edited

Loading

peterhn commented May 24, 2016 •

edited

Loading

SudoPlz commented Jun 21, 2016 •

edited

Loading

alisonkohl commented Dec 21, 2016 •

edited

Loading