From b312b3b08b6307019678096194e1fc89a54a63a4 Mon Sep 17 00:00:00 2001
From: Cyprien P <cyprien.pindat@gmail.com>
Date: Wed, 1 Feb 2023 18:15:24 +0100
Subject: [PATCH] (core) Fix css issue with tooltip in filter menu on safari

Summary:
Small glitch on safari: when we show behavioural tooltips the content
of the tooltip is first added to the parent of the target elem, then
we set tooltip's container positioning to absolute which normally causes recompute
of the layout. But in safari it doesn't, hence the button shows as if
the tooltip was still in there, as a sibling.

Diff fixes that issue by forcing positioning to absolute on the tooltip container.

{F68474}

Test Plan: Should not break anything.

Reviewers: georgegevoian

Differential Revision: https://phab.getgrist.com/D3802
---
 app/client/components/modals.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/client/components/modals.ts b/app/client/components/modals.ts
index 038af27d..79e4d89e 100644
--- a/app/client/components/modals.ts
+++ b/app/client/components/modals.ts
@@ -323,7 +323,7 @@ const cssBehavioralPromptModal = styled('div', `
   border-radius: 4px;
 
   animation-duration: 0.4s;
-  position: relative;
+  position: absolute;
 
   &[x-placement^=top] {
     animation-name: ${cssFadeInFromTop};