From 2916e3c3a38ab51dddafc255cb1bf90e21162a8a Mon Sep 17 00:00:00 2001 From: Daniel Leroux Date: Thu, 16 Mar 2023 15:20:00 +0100 Subject: [PATCH 1/4] fix(core/tooltip): remove arrow if not visible --- packages/core/src/components/tooltip/tooltip.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/core/src/components/tooltip/tooltip.scss b/packages/core/src/components/tooltip/tooltip.scss index 86c394bdfc4..b5bfab75946 100644 --- a/packages/core/src/components/tooltip/tooltip.scss +++ b/packages/core/src/components/tooltip/tooltip.scss @@ -7,7 +7,7 @@ max-width: 18.25rem; opacity: 0; - visibility: collapse; + visibility: collapse !important; overflow-wrap: break-word; border-radius: 0.25rem; @@ -28,10 +28,10 @@ :host(.visible) { opacity: 1; - visibility: visible; + visibility: visible !important; } -:host { +:host(.visible) { .arrow, .arrow::before { position: absolute; From fcb33c6b25ac8345de565aedee0760c21b6bc129 Mon Sep 17 00:00:00 2001 From: Daniel Leroux Date: Fri, 17 Mar 2023 06:53:47 +0100 Subject: [PATCH 2/4] fix: move tooltip calculation into anim frame --- .../core/src/components/tooltip/tooltip.tsx | 64 ++++++++++--------- 1 file changed, 33 insertions(+), 31 deletions(-) diff --git a/packages/core/src/components/tooltip/tooltip.tsx b/packages/core/src/components/tooltip/tooltip.tsx index 245730505a9..147139268dd 100644 --- a/packages/core/src/components/tooltip/tooltip.tsx +++ b/packages/core/src/components/tooltip/tooltip.tsx @@ -59,7 +59,7 @@ export class Tooltip { } private destroyAutoUpdate() { - if (this.disposeAutoUpdate) { + if (this.disposeAutoUpdate !== undefined) { this.disposeAutoUpdate(); } } @@ -82,39 +82,41 @@ export class Tooltip { target, this.hostElement, async () => { - const computeResponse = await computePosition( - target, - this.hostElement, - { - strategy: 'absolute', - placement: 'top', - middleware: [ - shift(), - offset(8), - arrow({ - element: this.arrowElement, - }), - autoPlacement({ - alignment: 'start', - allowedPlacements: ['top', 'bottom', 'right', 'left'], - }), - ], + requestAnimationFrame(async () => { + const computeResponse = await computePosition( + target, + this.hostElement, + { + strategy: 'absolute', + placement: 'top', + middleware: [ + shift(), + offset(8), + arrow({ + element: this.arrowElement, + }), + autoPlacement({ + alignment: 'start', + allowedPlacements: ['top', 'bottom', 'right', 'left'], + }), + ], + } + ); + + if (computeResponse.middlewareData.arrow) { + const { x, y } = computeResponse.middlewareData.arrow; + + Object.assign(this.arrowElement.style, { + left: x != null ? `${x}px` : '', + top: y != null ? `${y}px` : '', + }); } - ); - if (computeResponse.middlewareData.arrow) { - const { x, y } = computeResponse.middlewareData.arrow; - - Object.assign(this.arrowElement.style, { - left: x != null ? `${x}px` : '', - top: y != null ? `${y}px` : '', + const { x, y } = computeResponse; + Object.assign(this.hostElement.style, { + left: x !== null ? `${x}px` : '', + top: y !== null ? `${y}px` : '', }); - } - - const { x, y } = computeResponse; - Object.assign(this.hostElement.style, { - left: x !== null ? `${x}px` : '', - top: y !== null ? `${y}px` : '', }); }, { From c05c2bf203f46fdbf467838bb7dee897cb1b2b00 Mon Sep 17 00:00:00 2001 From: Daniel Leroux Date: Fri, 17 Mar 2023 08:24:30 +0100 Subject: [PATCH 3/4] fix: change position to fixed --- .../core/src/components/tooltip/tooltip.scss | 2 +- .../core/src/components/tooltip/tooltip.tsx | 15 ++++--- .../tooltip/placement-fallback/index.html | 37 ++++++++++++++++++ .../core/src/tests/tooltip/tooltip.e2e.ts | 21 ++++++++-- ...-1-chromium---theme-classic-dark-linux.png | Bin 0 -> 21056 bytes ...1-chromium---theme-classic-light-linux.png | Bin 0 -> 20216 bytes 6 files changed, 65 insertions(+), 10 deletions(-) create mode 100644 packages/core/src/tests/tooltip/placement-fallback/index.html create mode 100644 packages/core/src/tests/tooltip/tooltip.e2e.ts-snapshots/tooltip-fallback-placement-1-chromium---theme-classic-dark-linux.png create mode 100644 packages/core/src/tests/tooltip/tooltip.e2e.ts-snapshots/tooltip-fallback-placement-1-chromium---theme-classic-light-linux.png diff --git a/packages/core/src/components/tooltip/tooltip.scss b/packages/core/src/components/tooltip/tooltip.scss index b5bfab75946..74ed59ce22e 100644 --- a/packages/core/src/components/tooltip/tooltip.scss +++ b/packages/core/src/components/tooltip/tooltip.scss @@ -1,6 +1,6 @@ :host { display: inline-block; - position: absolute; + position: fixed; left: 0px; top: 0px; diff --git a/packages/core/src/components/tooltip/tooltip.tsx b/packages/core/src/components/tooltip/tooltip.tsx index 147139268dd..4ad4996c54e 100644 --- a/packages/core/src/components/tooltip/tooltip.tsx +++ b/packages/core/src/components/tooltip/tooltip.tsx @@ -8,9 +8,9 @@ */ import { arrow, - autoPlacement, autoUpdate, computePosition, + flip, offset, shift, } from '@floating-ui/dom'; @@ -87,7 +87,7 @@ export class Tooltip { target, this.hostElement, { - strategy: 'absolute', + strategy: 'fixed', placement: 'top', middleware: [ shift(), @@ -95,16 +95,19 @@ export class Tooltip { arrow({ element: this.arrowElement, }), - autoPlacement({ - alignment: 'start', - allowedPlacements: ['top', 'bottom', 'right', 'left'], + flip({ + fallbackStrategy: 'initialPlacement', }), ], } ); if (computeResponse.middlewareData.arrow) { - const { x, y } = computeResponse.middlewareData.arrow; + let { x, y } = computeResponse.middlewareData.arrow; + + if (computeResponse.placement === 'bottom') { + y = -4; + } Object.assign(this.arrowElement.style, { left: x != null ? `${x}px` : '', diff --git a/packages/core/src/tests/tooltip/placement-fallback/index.html b/packages/core/src/tests/tooltip/placement-fallback/index.html new file mode 100644 index 00000000000..052a35efc6a --- /dev/null +++ b/packages/core/src/tests/tooltip/placement-fallback/index.html @@ -0,0 +1,37 @@ + + + + + + + Stencil Component Starter + + + Long text + Short + Long text short words + + + Very very very very very very looooooooooooooooooooooooooooooooooooooooong + text + + + + Short + + + + Slot based content + Very very very very very very long long long text + + + + + diff --git a/packages/core/src/tests/tooltip/tooltip.e2e.ts b/packages/core/src/tests/tooltip/tooltip.e2e.ts index ebe93021ff5..7ef15a90e0b 100644 --- a/packages/core/src/tests/tooltip/tooltip.e2e.ts +++ b/packages/core/src/tests/tooltip/tooltip.e2e.ts @@ -22,7 +22,7 @@ regressionTest.describe('tooltip', () => { await page.waitForTimeout(500); expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({ - maxDiffPixelRatio: 0.02, + maxDiffPixelRatio: 0.01, }); }); @@ -37,7 +37,7 @@ regressionTest.describe('tooltip', () => { await page.waitForTimeout(500); expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({ - maxDiffPixelRatio: 0.02, + maxDiffPixelRatio: 0.01, }); }); @@ -52,7 +52,22 @@ regressionTest.describe('tooltip', () => { await page.waitForTimeout(500); expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({ - maxDiffPixelRatio: 0.02, + maxDiffPixelRatio: 0.01, + }); + }); + + regressionTest('fallback placement', async ({ page }) => { + await page.goto('tooltip/placement-fallback'); + + const tooltipTriggerHandler = await page.waitForSelector( + '[data-tooltip="Test3"]' + ); + + await tooltipTriggerHandler.hover(); + await page.waitForTimeout(500); + + expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({ + maxDiffPixelRatio: 0.01, }); }); }); diff --git a/packages/core/src/tests/tooltip/tooltip.e2e.ts-snapshots/tooltip-fallback-placement-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/tooltip/tooltip.e2e.ts-snapshots/tooltip-fallback-placement-1-chromium---theme-classic-dark-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..e23bf852e7fad1cab2a3e79fa1066ffc73f78664 GIT binary patch literal 21056 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 DpgNH4 literal 0 HcmV?d00001 diff --git a/packages/core/src/tests/tooltip/tooltip.e2e.ts-snapshots/tooltip-fallback-placement-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/tooltip/tooltip.e2e.ts-snapshots/tooltip-fallback-placement-1-chromium---theme-classic-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..c3715bcad126fb5361865ab6089aba2bb950c825 GIT binary patch literal 20216 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 literal 0 HcmV?d00001 From cc79479faf22561fa523ad86fa25e97d5b90f8b0 Mon Sep 17 00:00:00 2001 From: Daniel Leroux Date: Fri, 17 Mar 2023 10:00:09 +0100 Subject: [PATCH 4/4] fix: increase zIndex --- packages/core/src/components/tooltip/tooltip.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/core/src/components/tooltip/tooltip.scss b/packages/core/src/components/tooltip/tooltip.scss index 74ed59ce22e..87288726f4d 100644 --- a/packages/core/src/components/tooltip/tooltip.scss +++ b/packages/core/src/components/tooltip/tooltip.scss @@ -3,6 +3,7 @@ position: fixed; left: 0px; top: 0px; + z-index: var(--theme-z-index-tooltip); max-width: 18.25rem;