Skip to content

Commit f4f1c41

Browse files
committed
fix: tooltip issues
1 parent 873d941 commit f4f1c41

3 files changed

Lines changed: 390 additions & 388 deletions

File tree

packages/headless/src/tooltip/useTooltip.ts

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { withHeadless } from '@primereact/core/headless';
22
import { usePlacer } from '@primereact/headless/placer';
33
import { useUnmountEffect } from '@primereact/hooks/use-unmount-effect';
4-
import { addStyle, isClient } from '@primeuix/utils/dom';
4+
import { isClient } from '@primeuix/utils/dom';
55
import { ZIndex } from '@primeuix/utils/zindex';
66
import { useTooltipGroupContext } from 'primereact/tooltip/group';
77
import * as React from 'react';
@@ -320,7 +320,7 @@ export const useTooltip = withHeadless({
320320

321321
if (!container) return;
322322

323-
addStyle(container, { opacity: '' });
323+
//addStyle(container, { opacity: '' });
324324
};
325325

326326
const onBeforeEnter = () => {
@@ -363,15 +363,15 @@ export const useTooltip = withHeadless({
363363

364364
if (!content) return;
365365

366-
addStyle(content, { opacity: '1', transform: 'scale(1)' });
366+
//addStyle(content, { opacity: '1', transform: 'scale(1)' });
367367
};
368368

369369
const onContentLeave = () => {
370370
const content = getContent();
371371

372372
if (!content) return;
373373

374-
addStyle(content, { opacity: '0', transform: 'scale(0.95)' });
374+
//addStyle(content, { opacity: '0', transform: 'scale(0.95)' });
375375
};
376376

377377
const bindOutsideClickListener = () => {

packages/styles/src/tooltip/Tooltip.style.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@ import type { TooltipInstance } from '@primereact/types/shared/tooltip';
33

44
const style = `
55
.p-tooltip2 {
6-
transform: scale(0.95);
7-
opacity: 0;
6+
/*transform: scale(0.95);*/
7+
/*opacity: 0;*/
88
transform-origin: var(--placer-transform-origin);
99
max-width: dt('tooltip.max.width');
1010
background: dt('tooltip.background');
@@ -35,7 +35,7 @@ const style = `
3535
.p-tooltip2-arrow[data-side='left'] {
3636
transform: translateX(-50%) rotate(-135deg);
3737
}
38-
38+
3939
.p-tooltip2-arrow[data-side='top'] {
4040
transform: translateY(-50%) rotate(-45deg);
4141
}

0 commit comments

Comments
 (0)