fix: make table toolbar tooltips disappear when button hovering stops

Cosmo-Tech · Oct 23, 2023 · 6760c6c · 6760c6c
1 parent 233f5b1
commit 6760c6c
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/src/inputs/Table/components/TableToolbar/components/AddRowButton/AddRowButton.js b/src/inputs/Table/components/TableToolbar/components/AddRowButton/AddRowButton.js
@@ -12,7 +12,7 @@ export const AddRowButton = (props) => {
   const spanProps = { style: { display: 'inline-block', height: '100%' } };
 
   return (
-    <FadingTooltip title={label} useSpan={true} spanProps={spanProps}>
+    <FadingTooltip title={label} useSpan={true} spanProps={spanProps} disableInteractive={true}>
       <IconButton
         onClick={onAddRow}
         component="label"

diff --git a/src/inputs/Table/components/TableToolbar/components/DeleteRowButton/DeleteRowButton.js b/src/inputs/Table/components/TableToolbar/components/DeleteRowButton/DeleteRowButton.js
@@ -13,7 +13,7 @@ export const DeleteRowButton = (props) => {
 
   return (
     <>
-      <FadingTooltip title={labels} useSpan={true} spanProps={spanProps}>
+      <FadingTooltip title={labels} useSpan={true} spanProps={spanProps} disableInteractive={true}>
         <IconButton
           onClick={onDeleteRow}
           component="label"

diff --git a/src/inputs/Table/components/TableToolbar/components/ExportButton/ExportButton.js b/src/inputs/Table/components/TableToolbar/components/ExportButton/ExportButton.js
@@ -12,7 +12,7 @@ export const ExportButton = (props) => {
   const spanProps = { style: { display: 'inline-block', height: '100%' } };
 
   return (
-    <FadingTooltip title={label} useSpan={true} spanProps={spanProps}>
+    <FadingTooltip title={label} useSpan={true} spanProps={spanProps} disableInteractive={true}>
       <IconButton onClick={onExport} size="small" color="primary" data-cy="export-button" disabled={disabled}>
         <DownloadIcon fontSize="inherit" />
       </IconButton>

diff --git a/src/inputs/Table/components/TableToolbar/components/FullscreenButton/FullscreenButton.js b/src/inputs/Table/components/TableToolbar/components/FullscreenButton/FullscreenButton.js
@@ -13,7 +13,7 @@ export const FullscreenButton = (props) => {
   const spanProps = { style: { display: 'inline-block', height: '100%' } };
 
   return (
-    <FadingTooltip title={label} useSpan={true} spanProps={spanProps}>
+    <FadingTooltip title={label} useSpan={true} spanProps={spanProps} disableInteractive={true}>
       <IconButton
         onClick={toggleFullscreen}
         size="small"

diff --git a/src/inputs/Table/components/TableToolbar/components/ImportButton/ImportButton.js b/src/inputs/Table/components/TableToolbar/components/ImportButton/ImportButton.js
@@ -12,7 +12,7 @@ export const ImportButton = (props) => {
   const spanProps = { style: { display: 'inline-block', height: '100%' } };
 
   return (
-    <FadingTooltip title={label} useSpan={true} spanProps={spanProps}>
+    <FadingTooltip title={label} useSpan={true} spanProps={spanProps} disableInteractive={true}>
       <IconButton
         variant="text"
         component="label"