molgenis / molgenis-emx2

MOLGENIS EMX2, the latest version of the MOLGENIS data platform.
GNU Lesser General Public License v3.0
14 stars 16 forks source link

Improve Dropdown(ref/onotology) Behavior in Forms. #4046

Open Fernananas opened 1 month ago

Fernananas commented 1 month ago

Is your feature request related to a problem? Please describe. Description: Currently, the user experience in forms is not ideal, dropdown menus remain open after selection, which covers other questions and makes it difficult for users to proceed. This issue is particularly challenging when dealing with arrays of options where users need to select multiple items.

All ERNs observed this behavior and raised complaints about it.

Describe the solution you'd like Proposed Solution: To enhance usability, consider implementing the following solutions:

  1. Auto-Close Dropdown on Selection: Issue: Dropdown menus remain open after selecting an option, obstructing subsequent questions. Solution: Automatically close the dropdown menu when an option is selected. This will streamline the form completion process, allowing users to move on without manually closing the dropdown.

  2. Add Close Button ("x") for Arrays: Issue: Multi-selection dropdowns require users to select multiple options, making auto-closing impractical. Solution: Introduce a close button ("x") within the dropdown menu for arrays. This allows users to manually close the dropdown after making their selections, improving navigation within the form.

Expected User Flow: Single-Selection Dropdown: Users select an option, and the dropdown closes automatically, facilitating seamless navigation through the form. Multi-Selection Dropdown: Users select multiple options, then use the "x" button to close the dropdown manually, ensuring clarity and ease of use.

Describe alternatives you've considered Other options are also an option, lets dicuss alternatives.

Additional context As demonstration, I have uploaded a screencapture: 1. dropdown menu opening over next question. 2. Then after selecting a choose dropdown still is open, to see other question, 3. you need to click somewhere else in the form.

https://github.com/user-attachments/assets/84e43adf-519c-4ba3-ba6c-963ecf0425ab

mswertz commented 1 month ago

wait until tailwind