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 autoCapitalize="words" not working when keyboardType prop is passed on Android

See original GitHub issue

When adding autoCapitalize="words" and keyboardType with any value, on Android, nothing is auto-capitalized. There have been other issues regarding this, but they have been closed, locked and since ignored (#11776 #8932).

In older issues/comments it’s stated that this happens only when margin or padding is applied through style on the TextInput, but this is not the case. It also happens without.

If this has been fixed in React Native 0.60+, please let me know. I’m only able to test on 0.59.

React Native version: info React Native Environment Info: System: OS: Windows 10 CPU: (8) x64 Intel® Core™ i7-7700HQ CPU @ 2.80GHz Memory: 4.79 GB / 15.89 GB Binaries: Yarn: 1.1.0 - C:\Program Files (x86)\Yarn\bin\yarn.CMD npm: 6.10.3 - C:\Program Files\nodejs\npm.CMD IDEs: Android Studio: Version 3.5.0.0 AI-191.8026.42.35.5791312

Steps To Reproduce

  1. Add autoCapitalize="words" to a TextInput.
  2. Also add keyboardType=... with any value. Even undefined, even though undefined props are supposed to be ignored in React.

Describe what you expected to happen:

The first letter of each word is capitalized.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:11

github_iconTop GitHub Comments

3reactions
safaiyehcommented, Jan 10, 2020

This can be closed as the fix was merged in.

cc @TheSavior

1reaction
talhamuhammadashrafcommented, Aug 11, 2021

@KPS250 any update have you resolved ?

Read more comments on GitHub >

github_iconTop Results From Across the Web

keyboardType 'number-pad' doesn't work on android emulator ...
I am quite new on react-native. I have tried to build simple app. TextInput component's prop keyboardType 'number-pad' doesn't work properly. I ...
Read more >
TextInput - React Native
Props provide configurability for several features, such as auto-correction, auto-capitalization, placeholder text, and different keyboard types ...
Read more >
How to make your React Native app respond gracefully when ...
When you're working with React Native apps, a common problem is that the keyboard will pop up and hide text inputs when you...
Read more >
How to create basic text input in React Native ? - GeeksforGeeks
Here we will use the TextInput component provided by React Native. We will pass 4 props placeholder, value, onChangeText, ...
Read more >
react-native-keyboard-aware-scroll-view - npm
Set enableOnAndroid property to true . Android Support is not perfect, here is the supported list: Prop, Android Support. viewIsInsideTabBar ...
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