downshift-js / downshift

🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.

Home Page:http://downshift-js.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[useSelect] Toggle button lost focus

IAluI opened this issue · comments

  • downshift version: 8.1.0
  • node version: 20.5.1
  • npm version: 9.8.0

Relevant code or config

See repo.

What you did:
I use useSelect hook (like basic usage example) and select an item with the mouse.

What happened:

Toggle button lost focus after click on item.

Reproduction repository:

https://codesandbox.io/s/github/kentcdodds/downshift-examples?file=/src/hooks/useSelect/basic-usage.js

Problem description:

When pointerDown event fired on item when toggle button lost focus.

Suggested solution:

Prevent default behavior of pointerDown event on items. Like it do for useCombobox.

Should be released with 8.2.1