From f148925047c7e89c5b5369d63634020f8b2036ef Mon Sep 17 00:00:00 2001
From: Noah Moss <32746338+noahmoss@users.noreply.github.com>
Date: Thu, 29 Aug 2024 12:57:26 -0400
Subject: [PATCH] Migrate Tooltip in FormField to mantine to fix z-index issue
(#47314)
---
frontend/src/metabase/core/components/FormField/FormField.tsx | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/frontend/src/metabase/core/components/FormField/FormField.tsx b/frontend/src/metabase/core/components/FormField/FormField.tsx
index 2bae2740c14..b18f081b2e4 100644
--- a/frontend/src/metabase/core/components/FormField/FormField.tsx
+++ b/frontend/src/metabase/core/components/FormField/FormField.tsx
@@ -2,7 +2,7 @@ import type { HTMLAttributes, ReactNode, Ref } from "react";
import { forwardRef } from "react";
import { t } from "ttag";
-import Tooltip from "metabase/core/components/Tooltip";
+import { Tooltip } from "metabase/ui";
import {
FieldCaption,
@@ -82,7 +82,7 @@ const FormField = forwardRef(function FormField(
<OptionalTag>{t`(optional)`}</OptionalTag>
)}
{(infoLabel || infoTooltip) && (
- <Tooltip tooltip={infoTooltip} maxWidth="100%">
+ <Tooltip multiline label={infoTooltip}>
{infoLabel ? (
<FieldInfoLabel>{infoLabel}</FieldInfoLabel>
) : (
--
GitLab