diff --git a/components/shared/dropdown.tsx b/components/shared/dropdown.tsx index dc36063..b8442cb 100644 --- a/components/shared/dropdown.tsx +++ b/components/shared/dropdown.tsx @@ -1,4 +1,4 @@ -import React, { MutableRefObject, useState } from 'react' +import React, { MutableRefObject, useEffect, useState } from 'react' import { createPortal } from 'react-dom' import usePortal from '../utils/use-portal' import useResize from '../utils/use-resize' @@ -57,6 +57,15 @@ const Dropdown: React.FC> = React.memo( useDOMObserver(parent, () => { updateRect() }) + useEffect(() => { + if (!parent || !parent.current) return + parent.current.addEventListener('mouseenter', updateRect) + /* istanbul ignore next */ + return () => { + if (!parent || !parent.current) return + parent.current.removeEventListener('mouseenter', updateRect) + } + }, [parent]) const clickHandler = (event: React.MouseEvent) => { event.stopPropagation() diff --git a/pages/en-us/components/use-current-state.mdx b/pages/en-us/components/use-current-state.mdx index e234533..100ee76 100644 --- a/pages/en-us/components/use-current-state.mdx +++ b/pages/en-us/components/use-current-state.mdx @@ -46,7 +46,7 @@ type CurrentStateType = [ ] const useCurrentState = ( - initialState: S, + initialState: S | () => S, ) => CurrentStateType ``` diff --git a/pages/zh-cn/components/use-current-state.mdx b/pages/zh-cn/components/use-current-state.mdx index 559fa16..ccd11bf 100644 --- a/pages/zh-cn/components/use-current-state.mdx +++ b/pages/zh-cn/components/use-current-state.mdx @@ -44,7 +44,7 @@ type CurrentStateType = [ ] const useCurrentState = ( - initialState: S, + initialState: S | () => S, ) => CurrentStateType ```