Fix primefaces#4604: Tooltip autohide fix

melloware · Jul 3, 2023 · 6e1407f · 6e1407f
1 parent 03d3b26
commit 6e1407f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/components/doc/tooltip/autohidedoc.js b/components/doc/tooltip/autohidedoc.js
@@ -9,7 +9,7 @@ export function AutoHideDoc(props) {
 
     const code = {
         basic: `
-<Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" />
+<Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" tooltipOptions={{ position: 'left' }} />
 
 <Tooltip target=".tooltip-button" autoHide={false}>
     <div className="flex align-items-center">
@@ -30,7 +30,7 @@ export default function AutoHideDemo() {
 
     return (
         <div className="card flex flex-wrap align-items-center justify-content-center gap-2">
-            <Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" />
+            <Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" tooltipOptions={{ position: 'left' }} />
 
             <Tooltip target=".tooltip-button" autoHide={false}>
                 <div className="flex align-items-center">
@@ -54,7 +54,7 @@ export default function AutoHideDemo() {
 
     return (
         <div className="card flex flex-wrap align-items-center justify-content-center gap-2">
-            <Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" />
+            <Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" tooltipOptions={{ position: 'left' }} />
 
             <Tooltip target=".tooltip-button" autoHide={false}>
                 <div className="flex align-items-center">
@@ -78,7 +78,7 @@ export default function AutoHideDemo() {
                 </p>
             </DocSectionText>
             <div className="card flex flex-wrap align-items-center justify-content-center gap-2">
-                <Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" />
+                <Button type="button" label="Save" icon="pi pi-check" tooltip="Save (autoHide: true)" tooltipOptions={{ position: 'left' }} />
 
                 <Tooltip target=".tooltip-button" autoHide={false}>
                     <div className="flex align-items-center">

diff --git a/components/lib/tooltip/Tooltip.js b/components/lib/tooltip/Tooltip.js
@@ -1,10 +1,9 @@
 import * as React from 'react';
-import { PrimeReactContext } from '../api/Api';
+import PrimeReact, { PrimeReactContext } from '../api/Api';
 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 PrimeReact from '../api/Api';
 
 export const Tooltip = React.memo(
     React.forwardRef((inProps, ref) => {
@@ -489,7 +488,7 @@ export const Tooltip = React.memo(
                     role: 'tooltip',
                     'aria-hidden': visibleState,
                     onMouseEnter: (e) => onMouseEnter(e),
-                    onMouseLeave: (e) => onMouseLeave
+                    onMouseLeave: (e) => onMouseLeave(e)
                 },
                 TooltipBase.getOtherProps(props),
                 ptm('root')