From db047dfaf2584dd98ea6ec40efc8b57621bc1352 Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 8 Jun 2026 06:39:12 +0000 Subject: [PATCH] Fix dropdown overlapping the search box Anchor the options panel with top-full. As an absolutely positioned child of the now-flex field container, its static position was centered by items-center, placing the dropdown over the search box instead of below it. https://claude.ai/code/session_01XzhXvMvw42CQGc9kmin3GS --- common/components/search_select.py | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/common/components/search_select.py b/common/components/search_select.py index ca4cd1a..456dcc7 100644 --- a/common/components/search_select.py +++ b/common/components/search_select.py @@ -47,9 +47,12 @@ _SEARCH_CLASS = ( "flex-1 min-w-[8rem] border-0 bg-transparent text-sm text-heading " "focus:ring-0 focus:outline-hidden placeholder:text-body" ) +# top-full anchors the panel to the container's bottom edge: as an absolutely +# positioned child of the flex field, its static position would otherwise be +# centered by items-center and overlap the search box. _OPTIONS_CLASS = ( - "absolute z-10 left-0 right-0 mt-1 overflow-y-auto border border-default-medium " - "rounded-base bg-neutral-secondary-medium shadow-lg" + "absolute z-10 top-full left-0 right-0 mt-1 overflow-y-auto " + "border border-default-medium rounded-base bg-neutral-secondary-medium shadow-lg" ) _OPTION_ROW_CLASS = "px-3 py-2 text-sm text-heading cursor-pointer hover:bg-brand/15" _NO_RESULTS_CLASS = "px-3 py-2 text-sm italic text-body hidden"