💄 make tag input wrap around instead of scrolling

This commit is contained in:
Fred KISSIE
2026-05-19 22:48:15 +02:00
parent 08a08e73b3
commit 1f1791feb7

View File

@@ -41,7 +41,7 @@ export function MultiSelectTagInput<T extends TagValue>({
variant: "outline" variant: "outline"
}), }),
"justify-between w-full inline-flex", "justify-between w-full inline-flex",
"text-muted-foreground pl-1.5 cursor-text", "text-muted-foreground pl-1.5 cursor-text h-auto py-1",
"hover:bg-transparent hover:text-muted-foreground", "hover:bg-transparent hover:text-muted-foreground",
props.disabled && "pointer-events-none opacity-50" props.disabled && "pointer-events-none opacity-50"
)} )}
@@ -49,7 +49,7 @@ export function MultiSelectTagInput<T extends TagValue>({
<span <span
className={cn( className={cn(
"inline-flex items-center gap-1", "inline-flex items-center gap-1",
"overflow-x-auto" "overflow-x-auto flex-wrap h-auto"
)} )}
> >
{props.value.map((option) => ( {props.value.map((option) => (