material-react-table-narender 2.13.6 → 2.13.7

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.13.6",
+  "version": "2.13.7",
   "license": "MIT",
   "name": "material-react-table-narender",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",

package/src/utils/cell.utils.ts

@@ -149,23 +149,39 @@ export const cellKeyboardShortcuts = <TData extends MRT_RowData = MRT_RowData>({
     ].includes(event.key)
   ) {
     event.preventDefault();
-if (['ArrowDown'].includes(event.key)) {
-    debugger; // This will pause execution for debugging purposes
+// if (['ArrowDown'].includes(event.key)) {
+//     debugger; // This will pause execution for debugging purposes
 
-    // Select the input element within the MUI Autocomplete component
-    const autocomplete = currentCell.querySelector('.MuiAutocomplete-root input[type="text"]');
+//     // Select the input element within the MUI Autocomplete component
+//     const autocomplete = currentCell.querySelector('.MuiAutocomplete-root input[type="text"]');
+    
+
+//     // Check if the current cell is an MUI Autocomplete
+//     if (autocomplete) {
+//         return; // Exit the function if it's an Autocomplete
+//     }
+
+//     // Additional logic for when it's not an Autocomplete can go here
+// }
 
-    // Check if the current cell is an MUI Autocomplete
-    if (autocomplete) {
-        return; // Exit the function if it's an Autocomplete
-    }
 
-    // Additional logic for when it's not an Autocomplete can go here
+if (['ArrowDown','ArrowUp'].includes(event.key)) {
+    const autocomplete = currentCell.querySelector('.MuiAutocomplete-root input[type="text"]');
+    
+    // Check if the autocomplete input exists and is focused
+    if (autocomplete && document.activeElement === autocomplete) {
+        // Do something with the autocomplete input
+        console.log('Autocomplete input found and is focused:', autocomplete);
+        return; // Exit if it's an Autocomplete and it is focused
+    }
+    
+    // Additional logic if not an Autocomplete or not focused
 }
 
 
 
 
+
     const currentRow = parentElement || currentCell.closest('tr');
     const tableElement = containerElement || currentCell.closest('table');
     const allCells =