diff --git a/.changeset/perfect-laws-melt.md b/.changeset/perfect-laws-melt.md new file mode 100644 index 0000000000..4280ff9410 --- /dev/null +++ b/.changeset/perfect-laws-melt.md @@ -0,0 +1,5 @@ +--- +'@channel.io/bezier-react': minor +--- + +Add `dropdownKeepInContainer` prop in `Select` diff --git a/packages/bezier-react/src/components/Select/Select.tsx b/packages/bezier-react/src/components/Select/Select.tsx index 9df4a16991..a97626352b 100644 --- a/packages/bezier-react/src/components/Select/Select.tsx +++ b/packages/bezier-react/src/components/Select/Select.tsx @@ -54,6 +54,7 @@ export const Select = forwardRef(function Select( dropdownMarginY = 6, dropdownZIndex = 'overlay', dropdownPosition = 'bottom-left', + dropdownKeepInContainer = false, onClickTrigger, onHideDropdown, ...rest @@ -190,6 +191,7 @@ export const Select = forwardRef(function Select( target={triggerRef.current} container={dropdownContainer || containerRef.current} position={dropdownPosition} + keepInContainer={dropdownKeepInContainer} data-testid={SELECT_DROPDOWN_TEST_ID} onHide={handleHideDropdown} > diff --git a/packages/bezier-react/src/components/Select/Select.types.ts b/packages/bezier-react/src/components/Select/Select.types.ts index 569f1d184a..94a95a53c6 100644 --- a/packages/bezier-react/src/components/Select/Select.types.ts +++ b/packages/bezier-react/src/components/Select/Select.types.ts @@ -30,6 +30,7 @@ interface SelectOwnProps { dropdownMarginY?: OverlayProps['marginY'] dropdownZIndex?: ZIndex dropdownPosition?: OverlayProps['position'] + dropdownKeepInContainer?: OverlayProps['keepInContainer'] onClickTrigger?: React.MouseEventHandler onHideDropdown?: () => void }