Merge pull request #204 from unix/tooltip

fix(tooltip): fix autowrap errors for elements wrapped by tooltip
geist-org · May 13, 2020 · 7ca9b09 · 7ca9b09
2 parents 072460d + f063f7c
commit 7ca9b09
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git 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
@@ -110,6 +110,7 @@ const Tooltip: React.FC<React.PropsWithChildren<TooltipProps>> = ({
       <style jsx>{`
         .tooltip {
           width: max-content;
+          display: inline-block;
         }
       `}</style>
     </div>