Skip to content

Commit d19e76d

Browse files
authored
fix: keyboard nav when mouse hovered over list (#9500)
1 parent c3393ec commit d19e76d

File tree

1 file changed

+4
-1
lines changed

1 file changed

+4
-1
lines changed

packages/ui/src/components/list.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,8 @@ export function List<T>(props: ListProps<T> & { ref?: (ref: ListRef) => void })
5858

5959
const searchProps = () => (typeof props.search === "object" ? props.search : {})
6060

61+
const moved = (event: MouseEvent) => event.movementX !== 0 || event.movementY !== 0
62+
6163
createEffect(() => {
6264
if (props.filter !== undefined) {
6365
onInput(props.filter)
@@ -227,7 +229,8 @@ export function List<T>(props: ListProps<T> & { ref?: (ref: ListRef) => void })
227229
data-selected={item === props.current}
228230
onClick={() => handleSelect(item, i())}
229231
type="button"
230-
onMouseMove={() => {
232+
onMouseMove={(event) => {
233+
if (!moved(event)) return
231234
setStore("mouseActive", true)
232235
setActive(props.key(item))
233236
}}

0 commit comments

Comments
 (0)