Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 19:02:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix: tooltips style position issue

Browse source
This commit is contained in:
Tim 2024-12-11 17:07:01 +01:00
parent 03ee936e86
commit 0baec6535b
1 changed files with 2 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/common/Tooltips/TooltipItem/TooltipItem.js
View file

@ -10,14 +10,8 @@ const TooltipItem = React.memo(({ className, active, label, position, margin, pa
const [style, setStyle] = React.useState(null); const [style, setStyle] = React.useState(null);
const onTransitionEnd = React.useCallback(() => {
if (!active) {
setStyle(null);
}
}, [active]);
React.useEffect(() => { React.useEffect(() => {
if (!ref.current) return setStyle(null); if (!ref.current || !active) return setStyle(null);
const tooltipBounds = ref.current.getBoundingClientRect(); const tooltipBounds = ref.current.getBoundingClientRect();
const parentBounds = parent.getBoundingClientRect(); const parentBounds = parent.getBoundingClientRect();
@ -47,7 +41,7 @@ const TooltipItem = React.memo(({ className, active, label, position, margin, pa
}, [active, position, margin, parent, label]); }, [active, position, margin, parent, label]);
return ( return (
<div ref={ref} className={classNames(className, styles['tooltip-item'], { 'active': active })} style={style} onTransitionEnd={onTransitionEnd}> <div ref={ref} className={classNames(className, styles['tooltip-item'], { 'active': active })} style={style}>
{ label } { label }
</div> </div>
); );