find items through search when dropdown not fully visible#41
Open
giocomai wants to merge 1 commit intoomeka-s-modules:masterfrom
Open
find items through search when dropdown not fully visible#41giocomai wants to merge 1 commit intoomeka-s-modules:masterfrom
giocomai wants to merge 1 commit intoomeka-s-modules:masterfrom
Conversation
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.
This file contains hidden or 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.
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:

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)

A silly workaround is to add empty values to gain screen space, select what's needed, and then remove them:

Enabling search for smaller lists significantly attenuates this issue.
