Skip to content

Commit 47736d2

Browse files
authored
ui: Fix operator dropdown not opening in SimpleMatchers (#6212)
Add min-h-[100px] to dropdown container so the virtualizer can measure its dimensions on first render. The virtualizer needs container height to calculate which items to show. Without min-height, the empty container had 0 height, causing the virtualizer to render 0 items (chicken-and-egg problem).
1 parent 344bd4f commit 47736d2

File tree

1 file changed

+1
-1
lines changed
  • ui/packages/shared/profile/src/SimpleMatchers

1 file changed

+1
-1
lines changed

ui/packages/shared/profile/src/SimpleMatchers/Select.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -323,7 +323,7 @@ const CustomSelect: React.FC<CustomSelectProps & Record<string, any>> = ({
323323
<div
324324
ref={optionsRef}
325325
className={cx(
326-
'absolute z-50 mt-1 max-h-[50vh] w-max overflow-auto rounded-md bg-gray-50 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:border-gray-600 dark:bg-gray-900 dark:ring-white dark:ring-opacity-20 sm:text-sm',
326+
'absolute z-50 mt-1 min-h-[100px] max-h-[50vh] w-max overflow-auto rounded-md bg-gray-50 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:border-gray-600 dark:bg-gray-900 dark:ring-white dark:ring-opacity-20 sm:text-sm',
327327
{[optionsClassname]: optionsClassname.length > 0}
328328
)}
329329
role="listbox"

0 commit comments

Comments
 (0)