From f063f7cf393285f1f2fc17da81ba3a99fc6ac791 Mon Sep 17 00:00:00 2001
From: unix <unix.bio@gmail.com>
Date: Wed, 13 May 2020 18:46:32 +0800
Subject: [PATCH] fix(tooltip): fix autowrap errors for elements wrapped by
 tooltip

---
 components/popover/__tests__/__snapshots__/index.test.tsx.snap | 2 ++
 components/tooltip/tooltip.tsx                                 | 1 +
 2 files changed, 3 insertions(+)

diff --git a/components/popover/__tests__/__snapshots__/index.test.tsx.snap b/components/popover/__tests__/__snapshots__/index.test.tsx.snap
index 998aa07..b673ec6 100644
--- a/components/popover/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/popover/__tests__/__snapshots__/index.test.tsx.snap
@@ -9,6 +9,7 @@ exports[`Popover should render react-node 1`] = `
       </style><style>
         .tooltip {
           width: max-content;
+          display: inline-block;
         }
       </style></div>"
 `;
@@ -22,6 +23,7 @@ exports[`Popover should work with different placement 1`] = `
       </style><style>
         .tooltip {
           width: max-content;
+          display: inline-block;
         }
       </style></div>"
 `;
diff --git a/components/tooltip/tooltip.tsx b/components/tooltip/tooltip.tsx
index 2e39cbf..9a23361 100644
--- a/components/tooltip/tooltip.tsx
+++ b/components/tooltip/tooltip.tsx
@@ -110,6 +110,7 @@ const Tooltip: React.FC<React.PropsWithChildren<TooltipProps>> = ({
       <style jsx>{`
         .tooltip {
           width: max-content;
+          display: inline-block;
         }
       `}</style>
     </div>