Skip to content

Updated the dropdown to not be cut-off, added dropdown to forms#226

Open
VincentvanMedenbach wants to merge 9 commits intomasterfrom
dropdown-fix
Open

Updated the dropdown to not be cut-off, added dropdown to forms#226
VincentvanMedenbach wants to merge 9 commits intomasterfrom
dropdown-fix

Conversation

@VincentvanMedenbach
Copy link
Contributor

@VincentvanMedenbach VincentvanMedenbach commented Feb 12, 2026

Before:
image

Updated dropdown to have fixed styling of the inner list elements, to ensure it can't be cut-off by other elements

After fix:
image

Copy link
Contributor

@Daan0709 Daan0709 left a comment

Choose a reason for hiding this comment

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

Just some minor changes needed regarding code readability

VincentvanMedenbach and others added 8 commits February 12, 2026 13:32
…ns-form.tsx

Co-authored-by: Daan0709 <daanvmaldegem@live.nl>
Signed-off-by: VincentvanMedenbach <31502129+VincentvanMedenbach@users.noreply.github.com>
…ns-form.tsx

Co-authored-by: Daan0709 <daanvmaldegem@live.nl>
Signed-off-by: VincentvanMedenbach <31502129+VincentvanMedenbach@users.noreply.github.com>
…form.tsx

Co-authored-by: Daan0709 <daanvmaldegem@live.nl>
Signed-off-by: VincentvanMedenbach <31502129+VincentvanMedenbach@users.noreply.github.com>
Co-authored-by: Daan0709 <daanvmaldegem@live.nl>
Signed-off-by: VincentvanMedenbach <31502129+VincentvanMedenbach@users.noreply.github.com>
…ns-form.tsx

Co-authored-by: Daan0709 <daanvmaldegem@live.nl>
Signed-off-by: VincentvanMedenbach <31502129+VincentvanMedenbach@users.noreply.github.com>
…form.tsx

Co-authored-by: Daan0709 <daanvmaldegem@live.nl>
Signed-off-by: VincentvanMedenbach <31502129+VincentvanMedenbach@users.noreply.github.com>
@sonarqubecloud
Copy link

className="border-border text-foreground bg-background absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md border py-1 shadow-lg"
className="border-border text-foreground bg-background absolute fixed z-10 mt-1 max-h-60 w-full overflow-auto rounded-md border py-1 shadow-lg"
style={{
top: (dropdownReference.current?.getBoundingClientRect().bottom ?? 0) + window.scrollY,
Copy link
Member

Choose a reason for hiding this comment

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

Why is this a fixed position instead of a relative towards the parent?

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.

3 participants