diff --git a/.changeset/three-hairs-nail.md b/.changeset/three-hairs-nail.md new file mode 100644 index 000000000..2aac5bab1 --- /dev/null +++ b/.changeset/three-hairs-nail.md @@ -0,0 +1,5 @@ +--- +"@bigcommerce/components": patch +--- + +Update styles to scroll when Select content is long. diff --git a/packages/components/src/components/select/select.tsx b/packages/components/src/components/select/select.tsx index 434895a50..d9f2b57db 100644 --- a/packages/components/src/components/select/select.tsx +++ b/packages/components/src/components/select/select.tsx @@ -59,19 +59,27 @@ type SelectContentType = typeof SelectPrimitive.Content; const SelectContent = forwardRef< ElementRef, ComponentPropsWithRef ->(({ children, className, ...props }, ref) => { +>(({ children, className, position = 'popper', ...props }, ref) => { return ( - + {children}