From 9dbd6b476e591c9a0a3e0674b0bc07d81ff5d6fb Mon Sep 17 00:00:00 2001 From: Melloware Date: Wed, 9 Aug 2023 08:12:11 -0400 Subject: [PATCH] Fix tooltip (#4754) --- components/lib/tooltip/Tooltip.js | 8 ++++---- components/lib/tooltip/TooltipBase.js | 15 ++++++++------- 2 files changed, 12 insertions(+), 11 deletions(-) diff --git a/components/lib/tooltip/Tooltip.js b/components/lib/tooltip/Tooltip.js index 6edac43b97..5635215176 100644 --- a/components/lib/tooltip/Tooltip.js +++ b/components/lib/tooltip/Tooltip.js @@ -1,10 +1,10 @@ import * as React from 'react'; import PrimeReact, { PrimeReactContext } from '../api/Api'; +import { useHandleStyle } from '../componentbase/ComponentBase'; import { useMountEffect, useOverlayScrollListener, useResizeListener, useUnmountEffect, useUpdateEffect } from '../hooks/Hooks'; import { Portal } from '../portal/Portal'; import { DomHandler, ObjectUtils, ZIndexUtils, classNames, mergeProps } from '../utils/Utils'; import { TooltipBase } from './TooltipBase'; -import { useHandleStyle } from '../componentbase/ComponentBase'; export const Tooltip = React.memo( React.forwardRef((inProps, ref) => { @@ -404,8 +404,6 @@ export const Tooltip = React.memo( }; useMountEffect(() => { - loadTargetEvents(); - if (visibleState && currentTargetRef.current && isDisabled(currentTargetRef.current)) { hide(); } @@ -505,7 +503,9 @@ export const Tooltip = React.memo( return (
-
{empty && props.children}
+
+ {empty && props.children} +
); }; diff --git a/components/lib/tooltip/TooltipBase.js b/components/lib/tooltip/TooltipBase.js index 46fc970713..49bf77e9af 100644 --- a/components/lib/tooltip/TooltipBase.js +++ b/components/lib/tooltip/TooltipBase.js @@ -2,13 +2,14 @@ import { ComponentBase } from '../componentbase/ComponentBase'; import { classNames } from '../utils/Utils'; const classes = { - root: ({ positionState, classNameState}) => classNames( - 'p-tooltip p-component', - { - [`p-tooltip-${positionState}`]: true - }, - classNameState - ), + root: ({ positionState, classNameState }) => + classNames( + 'p-tooltip p-component', + { + [`p-tooltip-${positionState}`]: true + }, + classNameState + ), arrow: 'p-tooltip-arrow', text: 'p-tooltip-text' };