React-native-web: How to turn off spell check in TextInput?

Created on 1 Jun 2017  路  7Comments  路  Source: necolas/react-native-web

Hello!
I'd like to turn off spell checking in TextInput.
It is possible?
Screenshot from Google Chrome latest version.
screen-2017-05-31_13-54-18_

more information

Most helpful comment

I, too, can't turn off spell checking in TextInput. I'm doing spellCheck: false but to no avail. According to the HTML5 spec, the correct DOM property is spellcheck (no caps). This is confirmed by manually editing the element in the inspector in the latest version of Chrome. No guarantees as to browser compatibility (this StackOverflow article claims that it doesn't work on iOS Safari, though autocorrect=false does at least), but it's something to consider adding.

Note: my version of React (16.2.0) complains about the non-capitalized version of spellCheck. When I just use a plain old React input with spellCheck: false it propagates that property. My guess is there's simply a disconnect between the property that's passed to TextInput and the ReactJS input.

All 7 comments

I couldn't reproduce this. What is the code? What OS? What versions of the libraries?

https://github.com/necolas/react-native-web/blob/master/.github/ISSUE_TEMPLATE.md

Closing until there is enough info to track down a problem. Thanks

I, too, can't turn off spell checking in TextInput. I'm doing spellCheck: false but to no avail. According to the HTML5 spec, the correct DOM property is spellcheck (no caps). This is confirmed by manually editing the element in the inspector in the latest version of Chrome. No guarantees as to browser compatibility (this StackOverflow article claims that it doesn't work on iOS Safari, though autocorrect=false does at least), but it's something to consider adding.

Note: my version of React (16.2.0) complains about the non-capitalized version of spellCheck. When I just use a plain old React input with spellCheck: false it propagates that property. My guess is there's simply a disconnect between the property that's passed to TextInput and the ReactJS input.

Additionally, the React Native docs say that the value of spellCheck should inherit from autoCorrect. This isn't happening either. Just a related issue :)

Should be working in 0.3.4

Awesome, thanks so much!

Disclaimer: it appears I was using version 0.2.2 previously which had slipped past me... but when I looked through the react-native-web code on master yesterday it had still looked like the hookup I was talking about wasn't working. So all in all I think your efforts were not in vain! Thanks again!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

rohanprabhu picture rohanprabhu  路  3Comments

EvanBacon picture EvanBacon  路  3Comments

iksent picture iksent  路  3Comments

zhangking picture zhangking  路  3Comments

SamyPesse picture SamyPesse  路  3Comments