fix(tooltip): update tooltip rect on each render

This commit is contained in:
unix
2020-04-15 12:46:13 +08:00
parent d695961d01
commit f328cda47d

View File

@@ -1,4 +1,4 @@
import React, { MutableRefObject, useMemo, useRef, useState } from 'react'
import React, { MutableRefObject, useEffect, useMemo, useRef, useState } from 'react'
import { createPortal } from 'react-dom'
import useTheme from '../styles/use-theme'
import usePortal from '../utils/use-portal'
@@ -70,6 +70,10 @@ const TooltipContent: React.FC<React.PropsWithChildren<Props>> = React.memo(({
useResize(updateRect)
useClickAnyWhere(() => updateRect())
useEffect(() => {
updateRect()
}, [visible])
const preventHandler = (event: React.MouseEvent<HTMLDivElement>) => {
event.stopPropagation()