Fix tooltip (primefaces#4754)

melloware · Aug 9, 2023 · 9dbd6b4 · 9dbd6b4
1 parent dc53e69
commit 9dbd6b4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git 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 (
                 <div ref={elementRef} {...rootProps}>
                     <div {...arrowProps}></div>
-                    <div ref={textRef} {...textProps}>{empty && props.children}</div>
+                    <div ref={textRef} {...textProps}>
+                        {empty && props.children}
+                    </div>
                 </div>
             );
         };

diff --git 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'
 };