While using react-native-country-picker-modal I found an issue while using withFilter and translation props.
As you might know there are some countries which names could include accent marks, among other punctuation marks, in some languages. The issue is that if I select spa -> for spanish translation and type something within filter input it doesn't match the input with the countries because inpute does not include accents but names do.
(i.e) Having this:
As you can see, if user types "M" "México" appears as one of possible options, but if I add an "e" -> "Me". "México" disappears from the list, I think it is because the accent, I've been looking for a way to get this ignoring the accent while filtering but cannot find the solution.
Issue Description
While using
react-native-country-picker-modal
I found an issue while usingwithFilter
andtranslation
props. As you might know there are some countries which names could include accent marks, among other punctuation marks, in some languages. The issue is that if I selectspa
-> for spanish translation and type something within filter input it doesn't match the input with the countries because inpute does not include accents but names do. (i.e) Having this:I got this behavior:
https://user-images.githubusercontent.com/24555028/200438049-123704e3-8cce-4b66-99a9-0825381981b1.mov
As you can see, if user types "M" "México" appears as one of possible options, but if I add an "e" -> "Me". "México" disappears from the list, I think it is because the accent, I've been looking for a way to get this ignoring the accent while filtering but cannot find the solution.
Steps to Reproduce / Code Snippets
"react-native-country-picker-modal": "^2.0.0"
"expo": "^45.0.0",
"typescript": "~4.3.5",
Expected Results
If user types "Me" "México" should appears within the options even if user does not type the accent when using "spanish" translation.
Additional Information