Skip to content

find items through search when dropdown not fully visible#41

Open
giocomai wants to merge 1 commit intoomeka-s-modules:masterfrom
giocomai:patch-1
Open

find items through search when dropdown not fully visible#41
giocomai wants to merge 1 commit intoomeka-s-modules:masterfrom
giocomai:patch-1

Conversation

@giocomai
Copy link

If a "custom vocab" is the last component of a "resource template", and the list includes between 9 and 25 items, some of them are not visible. This is because the dropdown menu is at the very bottom of the screen, so even if it's scrollable, the last few items are not visible (tested on both Firefox and Chromium).

Setting the threshold for enabling search at 5 (or seemingly, at a value lower than 8, but 5 is probably safer), attenuates this issue, as at least users can search (it may still be mildly confusing that they don't see it when scrolling the dropdown, but at least there's an intuitive fix). Presently, there is simply no way to see the last few items in a list of e.g. 15 items and select them. As a workaround, one may click on "add value" a few times to gain some screen space for the dropdown menu, but this is obviously not a sensible approach.

Explanation with screenshots.

When custom vocab is a last item in a resource template:
Screenshot From 2025-01-15 23-44-06

if there are, e.g., a dozen items, part of the screenshot is blanked out, even when scrolling down. (the white in the lower part is not an issue with the screenshot, it's how it's actually seen in the browser)
Screenshot From 2025-01-15 23-43-57

A silly workaround is to add empty values to gain screen space, select what's needed, and then remove them:
Screenshot From 2025-01-15 23-44-30

Enabling search for smaller lists significantly attenuates this issue.
Screenshot From 2025-01-15 23-53-55

If a "custom vocab" is the last component of a "resource template", and the list includes between 9 and 25 items, some of them are not visible. This is because the dropdown menu is at the very bottom of the screen, so even if it's scrollable, the last few items are not visible (tested on both Firefox and Chromium).

Setting the threshold for enabling search at 5 (or seemingly, at a value lower than 8, but 5 is probably safer), attenuates this issue, as at least users can search (it may still be mildly confusing that they don't see it when scrolling the dropdown, but at least there's an intuitive fix). Presently, there is simply no way to see the last few items in a list of e.g. 15 items and select them. As a workaround, one may click on "add value" a few times to gain some screen space for the dropdown menu, but this is obviously not a sensible approach.
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.

1 participant