Description
The country picker in the login flow does not dynamically update or clear when an invalid or partial country code is entered. Once a valid country is selected, the UI "locks" to that country. For example, if a user modifies +380 (Ukraine) to +38 or +389, the app continues to display "Ukraine" instead of showing an "Invalid Country Code" state or clearing the selection.
Steps to Reproduce
- Navigate to the Monogram login/registration screen.
- Select a country from the picker (Ukraine, +380 / Slovakia +421 in this test case).
- Manually edit the country code field in the UI.
- Delete a digit (changing +380 to +38 in,) or add a digit to create an invalid prefix (e.g., +3800, +4219).
- Observe the country label/flag.
Expected Behavior
The app should validate the country code in real-time. If the entered prefix does not match a known international dialing code, the app should:
Display an "Invalid Country Code" message.
Clear the previously selected country name/flag to prevent user confusion.
Actual Behavior
The country picker remains stuck on the last valid country selected. It fails to recognize that the prefix no longer matches the displayed country, leading to potential submission errors or UI inconsistency.
Description
The country picker in the login flow does not dynamically update or clear when an invalid or partial country code is entered. Once a valid country is selected, the UI "locks" to that country. For example, if a user modifies +380 (Ukraine) to +38 or +389, the app continues to display "Ukraine" instead of showing an "Invalid Country Code" state or clearing the selection.
Steps to Reproduce
Expected Behavior
The app should validate the country code in real-time. If the entered prefix does not match a known international dialing code, the app should:
Display an "Invalid Country Code" message.
Clear the previously selected country name/flag to prevent user confusion.
Actual Behavior
The country picker remains stuck on the last valid country selected. It fails to recognize that the prefix no longer matches the displayed country, leading to potential submission errors or UI inconsistency.