refactor(onToggleArrowKeydownDefault): don't use :has() selector

packages/react-core/src/helpers/KeyboardHandler.tsx

@@ -183,17 +183,17 @@ export const onToggleArrowKeydownDefault = (event: KeyboardEvent, menuRef: React
 
   event.preventDefault();
 
-  const interactiveElementSelector = 'button:not(:disabled),input:not(:disabled),a:not([aria-disabled="true"])';
-  const listItemSelector = `li:has(${interactiveElementSelector})`;
-  let listItem: Element;
+  const listItems = Array.from(menuRef.current?.querySelectorAll('li'));
+  const focusableElements = listItems
+    .map((li) => li.querySelector('button:not(:disabled),input:not(:disabled),a:not([aria-disabled="true"])'))
+    .filter((el) => el !== null);
+
+  let focusableElement: Element;
   if (event.key === 'ArrowDown') {
-    listItem = menuRef.current?.querySelector(listItemSelector);
+    focusableElement = focusableElements[0];
   } else {
-    const allItems = menuRef.current?.querySelectorAll(listItemSelector);
-    listItem = allItems ? allItems[allItems.length - 1] : null;
+    focusableElement = focusableElements[focusableElements.length - 1];
   }
-
-  const focusableElement = listItem?.querySelector(interactiveElementSelector);
   focusableElement && (focusableElement as HTMLElement).focus();
 };