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

Merge pull request #744 from Stremio/fix/tooltip-style-position

Browse source 
fix: tooltips style position issue
This commit is contained in:
Tim 2024-12-11 17:26:07 +01:00 committed by GitHub
commit ced5a97ef3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
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 onTransitionEnd = React.useCallback(() => {
if (!active) {
setStyle(null);
}
}, [active]);
React.useEffect(() => {
if (!ref.current) return setStyle(null);
if (!ref.current || !active) return setStyle(null);
const tooltipBounds = ref.current.getBoundingClientRect();
const parentBounds = parent.getBoundingClientRect();
@ -47,7 +41,7 @@ const TooltipItem = React.memo(({ className, active, label, position, margin, pa
}, [active, position, margin, parent, label]);
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 }
</div>
);