Thanks to visit codestin.com
Credit goes to github.com

Skip to content

add auto scroll in dropdown user group filter #19084

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

NguyenThuyLan
Copy link
Contributor

Prerequisites

  • I have added steps to test this contribution in the description below

If there's an existing issue for this PR then this fixes

Description

This PR fixes for #19073

image

@iOvergaard iOvergaard changed the base branch from v15/dev to main May 5, 2025 12:29
@@ -242,6 +242,8 @@ export class UmbUserCollectionHeaderElement extends UmbLitElement {
gap: var(--uui-size-space-3);
flex-direction: column;
padding: var(--uui-size-space-3);
overflow-y: auto;
max-height: 500px;
Copy link
Member

Choose a reason for hiding this comment

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

Hi @NguyenThuyLan
Great to add a scrollbar, but assuming a specific height is not so great. — If a user has a really large screen it would be annoying to only get 500px of this dropdown. In otherwords if the user are viewing this in a very tall window it might be too big.
So I would recommend investigating if we can solve this in another way, where we do not assume the available screen estate?
Not that I know what options are available in CSS in this specific case, but if there is a way to limit the dropdown height to the available space, then that would be ideal, so please investigate if there is any opportunities to avoid fixed sizes.
Thanks

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