#531 - Tooltip - Possibility to set display method for tooltip wrapper (

#739) possibility to set display method for tooltip wrapper
livechat · Aug 28, 2023 · c22ed7a · c22ed7a
1 parent 4793f79
commit c22ed7a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/react-components/src/components/Tooltip/Tooltip.module.scss b/packages/react-components/src/components/Tooltip/Tooltip.module.scss
@@ -14,6 +14,10 @@ $base-class: 'tooltip';
     outline: none;
   }
 
+  &__wrapper {
+    display: inherit;
+  }
+
   &__interactive,
   &__user-guide-step {
     padding: var(--spacing-1);

diff --git a/packages/react-components/src/components/Tooltip/Tooltip.tsx b/packages/react-components/src/components/Tooltip/Tooltip.tsx
@@ -6,6 +6,8 @@ import { FloatingComponent } from './components/FloatingComponent';
 import { sleep } from './helpers';
 import { ITooltipProps } from './types';
 
+import styles from './Tooltip.module.scss';
+
 const baseClass = 'tooltip';
 
 export const Tooltip: React.FC<ITooltipProps> = (props) => {
@@ -153,7 +155,11 @@ export const Tooltip: React.FC<ITooltipProps> = (props) => {
 
   return (
     <>
-      <div ref={floatingOptions.reference} {...referenceOptions()}>
+      <div
+        className={styles[`${baseClass}__wrapper`]}
+        ref={floatingOptions.reference}
+        {...referenceOptions()}
+      >
         {triggerRenderer()}
       </div>
       {floatingComponent}