diff --git a/packages/spor-react/src/input/Combobox.tsx b/packages/spor-react/src/input/Combobox.tsx index f60b86519..2baff9d12 100644 --- a/packages/spor-react/src/input/Combobox.tsx +++ b/packages/spor-react/src/input/Combobox.tsx @@ -1,7 +1,7 @@ import React, { useEffect, useRef, useState } from "react"; import { AriaComboBoxProps, useComboBox, useFilter } from "react-aria"; import { useComboBoxState } from "react-stately"; -import { ColorSpinner, Input, InputProps, ListBox, useOutsideClick } from ".."; +import { ColorSpinner, Input, InputProps, ListBox } from ".."; import { Popover } from "./Popover"; export type ComboboxProps = AriaComboBoxProps & { @@ -96,12 +96,6 @@ export function Combobox({ label, }); - useOutsideClick({ - ref: listBoxRef, - handler: state.close, - enabled: true, - }); - const { inputProps: { size, ...inputProps }, listBoxProps, @@ -165,6 +159,7 @@ export function Combobox({ state={state} triggerRef={inputRef as any} ref={popoverRef} + isNonModal placement="bottom start" shouldFlip={false} hasBackdrop={false}