Skip to content

Feature/dropdown fix#79

Open
gy8879 wants to merge 2 commits intoiedr:masterfrom
gy8879:feature/dropdown-fix
Open

Feature/dropdown fix#79
gy8879 wants to merge 2 commits intoiedr:masterfrom
gy8879:feature/dropdown-fix

Conversation

@gy8879
Copy link

@gy8879 gy8879 commented Nov 21, 2024

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.

Copy link

@codeCraft-Ritik codeCraft-Ritik left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The code looks clean, and sticking @gy8879

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants