Currently, application allows users to select a city from a dropdown menu. However, there is an issue where if a user has already selected a particular city, it remains visible and selectable in the other dropdown menu. This can lead to confusion and potential errors if the user inadvertently selects the same city again.
To enhance the user experience and prevent duplicate city selections, we need to implement a feature that hides or disables the selected city in the dropdown menu once it has been chosen. This will provide a better UX and ensure that users can easily identify and select different cities without accidentally choosing the same one multiple times.
Challenges encountered
Currently, application allows users to select a city from a dropdown menu. However, there is an issue where if a user has already selected a particular city, it remains visible and selectable in the other dropdown menu. This can lead to confusion and potential errors if the user inadvertently selects the same city again.
https://github.com/expressway-commute-portal/front-end/assets/67787442/109b59b8-631c-4cf5-b58a-e584a56f48ba
Improvement suggestion
To enhance the user experience and prevent duplicate city selections, we need to implement a feature that hides or disables the selected city in the dropdown menu once it has been chosen. This will provide a better UX and ensure that users can easily identify and select different cities without accidentally choosing the same one multiple times.