| ... | @@ -260,23 +260,20 @@ function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) { | ... | @@ -260,23 +260,20 @@ function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) { |
| 260 | return <ComboboxPrimitive.Value data-slot="combobox-value" {...props} />; | 260 | return <ComboboxPrimitive.Value data-slot="combobox-value" {...props} />; |
| 261 | } | 261 | } |
| 262 | | 262 | |
| 263 | const ComboboxList = React.forwardRef<HTMLDivElement, ComboboxPrimitive.List.Props>( | 263 | function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) { |
| 264 | function ComboboxList({ className, ...props }, ref) { | 264 | return ( |
| 265 | return ( | 265 | <ScrollArea scrollbarGutter scrollFade> |
| 266 | <ScrollArea scrollbarGutter scrollFade> | 266 | <ComboboxPrimitive.List |
| 267 | <ComboboxPrimitive.List | 267 | className={cn( |
| 268 | className={cn( | 268 | "not-empty:scroll-py-1 not-empty:px-1 not-empty:py-1 in-data-has-overflow-y:pe-3", |
| 269 | "not-empty:scroll-py-1 not-empty:px-1 not-empty:py-1 in-data-has-overflow-y:pe-3", | 269 | className, |
| 270 | className, | 270 | )} |
| 271 | )} | 271 | data-slot="combobox-list" |
| 272 | data-slot="combobox-list" | 272 | {...props} |
| 273 | ref={ref} | 273 | /> |
| 274 | {...props} | 274 | </ScrollArea> |
| 275 | /> | 275 | ); |
| 276 | </ScrollArea> | 276 | } |
| 277 | ); | | |
| 278 | }, | | |
| 279 | ); | | |
| 280 | | 277 | |
| 281 | function ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) { | 278 | function ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) { |
| 282 | return <ComboboxPrimitive.Clear className={className} data-slot="combobox-clear" {...props} />; | 279 | return <ComboboxPrimitive.Clear className={className} data-slot="combobox-clear" {...props} />; |