Skip to content

Commit e9e34e1

Browse files
committed
refactor(CTooltip): update the popper when content is changed
1 parent 71fbeae commit e9e34e1

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

packages/coreui-react/src/components/tooltip/CTooltip.tsx

+5-1
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,7 @@ export const CTooltip = forwardRef<HTMLDivElement, CTooltipProps>(
9494
const forkedRef = useForkedRef(ref, tooltipRef)
9595
const uID = useRef(`tooltip${Math.floor(Math.random() * 1_000_000)}`)
9696

97-
const { initPopper, destroyPopper } = usePopper()
97+
const { initPopper, destroyPopper, updatePopper } = usePopper()
9898
const [mounted, setMounted] = useState(false)
9999
const [_visible, setVisible] = useState(visible)
100100

@@ -162,6 +162,10 @@ export const CTooltip = forwardRef<HTMLDivElement, CTooltipProps>(
162162
}
163163
}, [_visible])
164164

165+
useEffect(() => {
166+
updatePopper()
167+
}, [content])
168+
165169
return (
166170
<>
167171
{React.cloneElement(children as React.ReactElement<any>, {

0 commit comments

Comments
 (0)