material-react-table-narender 2.13.6 → 2.13.8

package/dist/index.esm.js

@@ -503,15 +503,34 @@ const cellKeyboardShortcuts = ({ cell, cellElements, cellValue, containerElement
         'PageDown',
     ].includes(event.key)) {
         event.preventDefault();
-        if (['ArrowDown'].includes(event.key)) {
-            debugger; // This will pause execution for debugging purposes
-            // Select the input element within the MUI Autocomplete component
+        // 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"]');
+        //     // 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 current cell is an MUI Autocomplete
-            if (autocomplete) {
-                return; // Exit the function if it's an Autocomplete
+            // Check if the autocomplete input exists and is focused
+            if (autocomplete && document.activeElement === autocomplete) {
+                if (event.key === 'ArrowDown') {
+                    // 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
+                }
+                if (event.key === 'ArrowUp') {
+                    // check if the autocomplete is open
+                    const autocompleteList = currentCell.querySelector('.MuiAutocomplete-popper');
+                    if (autocompleteList) {
+                        return;
+                    }
+                }
             }
-            // Additional logic for when it's not an Autocomplete can go here
+            // Additional logic if not an Autocomplete or not focused
         }
         const currentRow = parentElement || currentCell.closest('tr');
         const tableElement = containerElement || currentCell.closest('table');