Broken-Tooltips-in-Ribbon: Broken Tooltips in Ribbon

Fixes #1293
cambridge-cares · Aug 1, 2024 · 55430bb · 55430bb
1 parent ac9d0fb
commit 55430bb
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/web/twa-vis-platform/code/src/ui/interaction/ribbon/components/ribbon-component-click.tsx b/web/twa-vis-platform/code/src/ui/interaction/ribbon/components/ribbon-component-click.tsx
@@ -23,7 +23,7 @@ export default function RibbonComponentClick(props: Readonly<RibbonComponentClic
         enterDelay={1000}
         leaveDelay={100}
         placement="bottom-start">
-        <>
+        <div>
           <div className={styles.ribbonComponentInner}>
             <div className={styles.ribbonComponentIcon}>
               <IconComponent icon={props.icon} />
@@ -35,7 +35,7 @@ export default function RibbonComponentClick(props: Readonly<RibbonComponentClic
               </div>
             }
           </div>
-        </>
+        </div>
       </Tooltip>
     </div>
   );

diff --git a/web/twa-vis-platform/code/src/ui/interaction/ribbon/components/ribbon-component-options.tsx b/web/twa-vis-platform/code/src/ui/interaction/ribbon/components/ribbon-component-options.tsx
@@ -75,7 +75,7 @@ export default function RibbonComponentOptions(props: Readonly<RibbonComponentOp
                 leaveDelay={100}
                 placement="bottom-start">
 
-                <>
+                <div>
                     <div className={innerClass} onClick={props.action}>
                         <div className={styles.ribbonComponentIcon}>
                             <IconComponent icon={props.icon} />
@@ -93,7 +93,7 @@ export default function RibbonComponentOptions(props: Readonly<RibbonComponentOp
                         </Icon>
                     </div>
                     {expanded && dropdown}
-                </>
+                </div>
             </Tooltip>
         </div>
     );

diff --git a/web/twa-vis-platform/code/src/ui/interaction/ribbon/components/ribbon-component-toggle.tsx b/web/twa-vis-platform/code/src/ui/interaction/ribbon/components/ribbon-component-toggle.tsx
@@ -46,7 +46,7 @@ export default function RibbonComponentToggle(props: Readonly<RibbonComponentTog
                 leaveDelay={100}
                 placement="bottom-start">
 
-                <>
+                <div>
                     <div className={classNames.join(" ")}>
                         {props.icon &&
                             <div className={styles.ribbonComponentIcon}>
@@ -59,7 +59,7 @@ export default function RibbonComponentToggle(props: Readonly<RibbonComponentTog
                                 {props.text}
                             </div>}
                     </div>
-                </>
+                </div>
             </Tooltip>
         </div>
     );