fix(autocomplete): highlight item in AutocompleteSection during keyboard navigation (#3726)

Author: chirokas

.changeset/popular-baboons-pull.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/listbox": patch
+---
+
+Fix item highlighting in `AutocompleteSection` during keyboard navigation (#3713)

packages/components/listbox/src/use-listbox-item.ts

@@ -109,13 +109,9 @@ export function useListboxItem<T extends object>(originalProps: UseListboxItemPr
     itemProps = removeEvents(itemProps);
   }
 
-  const isHighlighted = useMemo(() => {
-    if (shouldHighlightOnFocus && isFocused) {
-      return true;
-    }
-
-    return isMobile ? isHovered || isPressed : isHovered;
-  }, [isHovered, isPressed, isFocused, isMobile, shouldHighlightOnFocus]);
+  const isHighlighted =
+    (shouldHighlightOnFocus && isFocused) ||
+    (isMobile ? isHovered || isPressed : isHovered || (isFocused && !isFocusVisible));
 
   const getItemProps: PropGetter = (props = {}) => ({
     ref: domRef,