fix(datatable): set overflowMenuOnHover to false (#15909)

* fix(datatable): set overflowMenuOnHover to false * fix(datatable): set overflowMenuOnHover to false in story * fix(datatable): set overflowMenuOnHover to false
carbon-design-system · Mar 15, 2024 · 72b2d51 · 72b2d51
1 parent b593deb
commit 72b2d51
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/.all-contributorsrc b/.all-contributorsrc
@@ -1434,6 +1434,15 @@
       "contributions": [
         "doc"
       ]
+    },
+    {
+      "login": "mranjana",
+      "name": "Anjana M R",
+      "avatar_url": "https://avatars.githubusercontent.com/u/91003483?v=4",
+      "profile": "https://github.com/mranjana",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "commitConvention": "none"

diff --git a/README.md b/README.md
@@ -278,6 +278,7 @@ check out our [Contributing Guide](/.github/CONTRIBUTING.md) and our
   <tr>
     <td align="center"><a href="https://github.com/ggdawson"><img src="https://avatars.githubusercontent.com/u/37080130?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Garrett Dawson</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=ggdawson" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon/commits?author=ggdawson" title="Documentation">📖</a></td>
     <td align="center"><a href="https://github.com/dedanade"><img src="https://avatars.githubusercontent.com/u/66811981?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Daniel Adebonojo</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=dedanade" title="Documentation">📖</a></td>
+    <td align="center"><a href="https://github.com/mranjana"><img src="https://avatars.githubusercontent.com/u/91003483?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Anjana M R</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=mranjana" title="Code">💻</a></td>
   </tr>
 </table>
 

diff --git a/packages/react/src/components/DataTable/DataTable.tsx b/packages/react/src/components/DataTable/DataTable.tsx
@@ -695,7 +695,7 @@ class DataTable<RowType, ColTypes extends any[]> extends React.Component<
       isSortable,
       useStaticWidth,
       stickyHeader,
-      overflowMenuOnHover = true,
+      overflowMenuOnHover = false,
       experimentalAutoAlign,
     } = this.props;
     return {

diff --git a/packages/react/src/components/DataTable/__tests__/__snapshots__/DataTable-test.js.snap b/packages/react/src/components/DataTable/__tests__/__snapshots__/DataTable-test.js.snap
@@ -1064,7 +1064,7 @@ exports[`DataTable renders as expected - Component API should render and match s
     >
       <table
         aria-labelledby="tc-:rb:-title"
-        class="cds--data-table cds--data-table--lg"
+        class="cds--data-table cds--data-table--lg cds--data-table--visible-overflow-menu"
       >
         <thead>
           <tr>