feat(select): Introduce 'menuPlacement=auto' by default for all selects (#102067)

priscilawebdev · web-flow · commit c0de8e1f9edd · 2025-10-24T19:14:51.000-07:00
Recently, we decided to introduce the prop menuPlacement="auto" as the default behavior for ReactSelect ([see](#100658)). However, I noticed through the [PR](#101403 (comment)) that this default was not being applied when the component was a CreatableSelect. This PR fixes that issue, making `menuPlacement="auto"` the default for all select components.
diff --git a/static/app/components/core/select/select.tsx b/static/app/components/core/select/select.tsx
@@ -534,7 +534,7 @@ function SelectPicker<OptionType extends OptionTypeBase>({
     Component = ReactSelect;
   }
 
-  return <Component ref={ref as any} {...props} />;
+  return <Component ref={ref as any} {...props} menuPlacement="auto" />;
 }
 
 // XXX (tkdodo): this type assertion is a leftover from when we had forwardRef

Original file line number	Diff line number	Diff line change
`@@ -534,7 +534,7 @@ function SelectPicker<OptionType extends OptionTypeBase>({`
`534`	`534`	`Component = ReactSelect;`
`535`	`535`	`}`
`536`	`536`
`537`		`- return <Component ref={ref as any} {...props} />;`
	`537`	`+ return <Component ref={ref as any} {...props} menuPlacement="auto" />;`
`538`	`538`	`}`
`539`	`539`
`540`	`540`	`// XXX (tkdodo): this type assertion is a leftover from when we had forwardRef`