fix: multi-select component (#4529)

Co-authored-by: Dhruwang <dhruwangjariwala18@gmail.com>
Co-authored-by: Dhruwang Jariwala <67850763+Dhruwang@users.noreply.github.com>
This commit is contained in:
Piyush Gupta
2024-12-27 13:00:33 +05:30
committed by GitHub
parent a4ffc03e55
commit 9a4f6721e2
2 changed files with 8 additions and 8 deletions
@@ -122,13 +122,13 @@ export function MultiSelect<T extends string, K extends TOption<T>["value"][]>(
onFocus={() => setOpen(true)}
placeholder={placeholder}
disabled={disabled}
className="placeholder:text-muted-foreground h-5 flex-1 border-0 bg-transparent pl-2 outline-none"
className="placeholder:text-muted-foreground h-5 flex-1 border-0 bg-transparent pl-2 text-sm outline-none"
/>
</div>
</div>
<div className="relative mt-2">
<CommandList>
{open && selectableOptions.length > 0 && !disabled && (
{open && selectableOptions.length > 0 && !disabled && (
<div className="relative mt-2">
<CommandList>
<div className="text-popover-foreground animate-in absolute top-0 z-10 max-h-32 w-full rounded-md border bg-white shadow-md outline-none">
<CommandGroup className="h-full overflow-auto">
{selectableOptions.map((option) => (
@@ -151,9 +151,9 @@ export function MultiSelect<T extends string, K extends TOption<T>["value"][]>(
))}
</CommandGroup>
</div>
)}
</CommandList>
</div>
</CommandList>
</div>
)}
</Command>
);
}