Property autoCapitalize don't work on Android

[SyloRei]

Property autoCapitalize don't work on Android in TextInput.

<View style={styles.dataInputRow}>
 <TextInput
 style={styles.dataInputInput}
 placeholder="Text"
 autoCorrect={false}
 keyboardType="default"
 returnKeyType="done"
 autoCapitalize="words"
 underlineColorAndroid="rgba(0, 0, 0, 0)"
 />
</View>

Pls fix it

[kulmajaba]

In my testing autoCapitalize="words" worked on both Android emulator and device, running Android 6.0 and 6.0.1, React Native version 0.28.

Please provide more info on your testing setup.

[freakinruben]

Autocapitalize also doesn't work for me on Android. I'm now running RN 0.30.0 but it has never worked since I started with RN 0.19. I'm testing on an Android 4.2 and Android 4.4 device

[SyloRei]

On Android 6.0 in Genymotion don't work
On Android 5 real device don't work

[reyesr]

I can confirm there is something fishy, as it works, or not, depending on the other attributes in the TextInput element.

I managed to create a minimal code that can reproduce the issue:

<TextInput
 autoCapitalize="words"
 onContentSizeChange={(event) => null}
 style={{paddingTop: 0, backgroundColor: "rgba(255,100,100,1)", color: "rgb(0,179,143)"}}
 keyboardType="default"
 multiline={false}
 onChangeText={(text) => this.setState({text})}
 value={this.state.text}
 selectionColor="#00F"
/>

What is weird is that if you use this snippet as is (I added it in a freshly created android react-native project), the autoCapitalize="words" and autoCapitalize="characters" are not respected and the keyboard only displays lowercase characters (ie. the bug appears). It works fine for autoCapitalize="sentences" though.

Now, remove any of the other attributes, onContentSizeChange, style, keyboardType, multiline, or selectionColor, and now it works (the keyboard displays uppercase for the first letters of words).

I reproduced it on several versions of the API (19, 22, 23), and the bug appears consistently as I described above.

[SyloRei]

Is there any update on that issue?

[SyloRei]

Bump

[antoinerousseau]

I had to explicitly add autoCapitalize="sentences" to make it work like expected although the doc says it's the default value.

[diegoperini]

This happened when we transitioned from api level target 22 to 25. Just letting you know. We use autoCapitalize="words".

[cooperka]

I can see that AutoCapitalizationType is defined at the bottom of ReactTextInputManager.java and it looks to be correct... "sentences" maps to InputType.TYPE_TEXT_FLAG_CAP_SENTENCES, but setting it doesn't seem to actually have any effect (as of RN v0.39).

It would be great if someone who has more experience with native bridging could weigh in about what the issue could possibly be.

[AndrewJack]

Just in case you are being caught out by this:
autoCapitalize only affects the phone's software keyboard capitalisation when inputting text, but typing into your pc's keyboard into your emulator will not be auto capitalised.

I haven't seen any issues using autoCapitalize on v0.38.0

[cooperka]

@AndrewJack good call! I pulled up the soft keyboard on the emulator and it does seem to work. There is still a small bug as mentioned above, which is that the default seems to be 'none' rather than 'sentences' on Android (see docs), but it's definitely not a big deal.

[Proberts]

I have this issue and it seems is it connected to the TextInput style property. I have a repeatable example here: https://rnplay.org/apps/t32avg

If you uncomment either or both the padding: and margin: lines in the style 'input', autoCapitalize is ignored.

Unfortunately this doesn't help my app. Removing margin and padding still causes the problem, so it's likely some upstream layout parameters triggering the issue.

[Proberts]

Confirming this is still an issue in 0.39.2 @Sylor73

[Proberts]

I've updated my example. There are now two TextInput fields. One has autoCapitalize working and the other doesn't. If you click between them you can see the Android keyboard change from caps to lower-case. The only difference between the two is the broken one has margin: set in the style. (Both TextInput fields have autoCapitalize working in iOS)