diff --git a/packages/Popover/Popover.tsx b/packages/Popover/Popover.tsx index fff8aa1..f9e9ccb 100644 --- a/packages/Popover/Popover.tsx +++ b/packages/Popover/Popover.tsx @@ -29,7 +29,7 @@ const Popover: FC> = ({ defaultValue, value, }); - const { stage, shouldMount } = useTransition(internalValue, 50, 50); + const { stage, shouldMount } = useTransition(internalValue, 0, 50); const classes = classNames('raw-popover', className); const handleClick = () => { diff --git a/packages/Select/SelectDropdown.tsx b/packages/Select/SelectDropdown.tsx index caff6ca..4943206 100644 --- a/packages/Select/SelectDropdown.tsx +++ b/packages/Select/SelectDropdown.tsx @@ -21,7 +21,7 @@ const SelectDropdown = forwardRef< const dropdownRef = useRef(null); const { multiple, dropdownHeight, selectRef, getPopupContainer, selectId } = useSelectContext(); - const { stage: dropdownTransitionStage } = useTransition(visible, 50, 0); + const { stage: dropdownTransitionStage } = useTransition(visible, 0, 0); const dropdownClasses = classNames('raw-select-dropdown', className); const selectRect = selectRef?.current?.getBoundingClientRect() ?? null; const dropdownWidth = selectRect diff --git a/packages/Tooltip/Tooltip.tsx b/packages/Tooltip/Tooltip.tsx index 89fc93f..0e114c3 100644 --- a/packages/Tooltip/Tooltip.tsx +++ b/packages/Tooltip/Tooltip.tsx @@ -21,7 +21,7 @@ const Tooltip: FC> = ({ const ref = useRef(null); const theme = useTheme(); const [visible, setVisible] = useState(false); - const { stage, shouldMount } = useTransition(visible, 50, 50); + const { stage, shouldMount } = useTransition(visible, 0, 50); const classes = classNames('raw-tooltip', className); const handleMouseEnterOrLeave = (nextValue: boolean) => {