Description
So before iOS 12 we were able to have multiple inputs with secureTextEntry
and the auto suggestions were correct or not there unless specified in props. It seems now with iOS 12 and above that if you render 3 inputs: 1 without secureTextEntry first, then the other 2 with secureTextEntry last, that no matter what, iOS 12> will always think the input before the first secureTextEntry input is an email field and will show email suggestions. iOS will also think that the second secureTextEntry input is also an email field and will show email suggestions. There's no way to hide it except for only have 1 secureTextEntry input. Even then the suggestions are determined by iOS and props are almost useless. This wasn't the case with iOS 11.
Reproduction:
https://snack.expo.io/BkxZysBZB
As you can see, when the iOS version is less than 12, this works as intended. We can have multiple inputs with the secureTextEntry prop and it will not show email suggestions on them.
Now, run that same snack on a physical device on the expo app that is on iOS 12+
Ignoring the autofill feature, you can see that by default, iOS will show auto suggestions for email on the second secureTextEntry input.
My questions to the react-native core team is: How do you handle multiple secureTextEntry inputs in iOS 12? It seems that we have to put up with the wrong auto suggestions types and just deal with it.
(Pictures for clarity)
Activity