Sep 15, 2025 · Sep 12, 2025
diff --git a/site/src/components/MultiSelectCombobox/MultiSelectCombobox.tsx b/site/src/components/MultiSelectCombobox/MultiSelectCombobox.tsx
 const [onScrollbar, setOnScrollbar] = useState(false);
 const [isLoading, setIsLoading] = useState(false);
 const dropdownRef = useRef<HTMLDivElement>(null);
 const listRef = useRef<HTMLDivElement>(null);

 const [selected, setSelected] = useState<Option[]>(
 arrayDefaultOptions ?? [],
 void exec();
 }, [debouncedSearchTerm, groupBy, open, triggerSearchOnFocus, onSearch]);

 // Scroll dropdown into view on open
 useEffect(() => {
 if (!open || !listRef.current) {
 return;
 }

 listRef.current.scrollIntoView({ behavior: "smooth" });
 }, [open]);

 const CreatableItem = () => {
 if (!creatable) {
 return undefined;
 </div>
 </div>
 </div>
 <div className="relative">
 <div className="relative" ref={listRef}>
 {open && (
 <CommandList
 className={`absolute top-1 z-10 w-full rounded-md
Original file line number	Diff line number	Diff line change
Expand Up		@@ -216,6 +216,7 @@ export const MultiSelectCombobox = forwardRef<
		const [onScrollbar, setOnScrollbar] = useState(false);
		const [isLoading, setIsLoading] = useState(false);
		const dropdownRef = useRef<HTMLDivElement>(null);
		const listRef = useRef<HTMLDivElement>(null);

		const [selected, setSelected] = useState<Option[]>(
		arrayDefaultOptions ?? [],
Expand DownExpand Up		@@ -364,6 +365,15 @@ export const MultiSelectCombobox = forwardRef<
		void exec();
		}, [debouncedSearchTerm, groupBy, open, triggerSearchOnFocus, onSearch]);

		// Scroll dropdown into view on open
		useEffect(() => {
		if (!open \|\| !listRef.current) {
		return;
		}

		listRef.current.scrollIntoView({ behavior: "smooth" });
		}, [open]);

		const CreatableItem = () => {
		if (!creatable) {
		return undefined;
Expand DownExpand Up		@@ -603,7 +613,7 @@ export const MultiSelectCombobox = forwardRef<
		</div>
		</div>
		</div>
		<div className="relative">
		<div className="relative" ref={listRef}>
		{open && (
		<CommandList
		className={`absolute top-1 z-10 w-full rounded-md
Expand Down