Feature/dropdown fix #79
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Title: Improve dropdown usability by adding a user-friendly status message
Description:
This Pull Request addresses a usability issue in the dropdown functionality. Initially, I misunderstood the problem to be about difficulties exiting the dropdown. However, after reviewing the behavior, I realized the actual issue is that users cannot clearly tell whether their selections have been applied after interacting with the dropdown.
To resolve this, I added a user-friendly status message that notifies users when their selections have been successfully applied. The message, "Selections have been applied!", appears briefly after an update, ensuring users receive clear feedback about the action they performed.
Changes made:
Added a showStatusMessage function to dynamically create and display a brief status message on the screen.
Integrated the status message into the filterResult function, so it triggers after the dropdown selections update the right panel.
Ensured the message is styled appropriately and disappears automatically after 2 seconds to maintain a clean UI.
Why this change is necessary:
Enhances user experience by providing immediate visual feedback that selections were successfully applied.
Resolves potential confusion, especially in scenarios where the dropdown selections do not visibly change the top results in the right panel.
Result:
Users can now see a clear confirmation ("Selections have been applied!") whenever they make changes using the dropdown menu.
This improves the usability and aligns the behavior with user expectations for modern interfaces.