archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
chirokas 2024-09-07 22:59:00 +08:00 committed by GitHub
parent 985c2e1dd3
commit d621b2923e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/popular-baboons-pull.md Normal file
View File

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

10
packages/components/listbox/src/use-listbox-item.ts
View File

@ -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,