menu

downshift

馃弾 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components

Channels
Team
Posts
Members
Info

useComboBox - clearSelection

Hey, with useComboBox do we no longer have a clearSelection prop ?

thumbsup
0
message-simple
1

Using downshift for a dropdown menu with links

Instead of always relying on JavaScript to handle item selection, has anybody figured out a way to render menu items as anchor tags that get "clicked" when they're selected? Imagine a menu with two items: 鈥 Show alert: shows some alert message when clicked/keyed 鈥

thumbsup
0
message-simple
0

Pass a ref to the main menu list

I need to set up an scroll listener on the ul that receives the props from getMenuProps. How can I pass a ref through to this object?

thumbsup
0
message-simple
1

Get event from onSelect

I need to check to see if a meta key was pressed along with enter to prevent onSelect from firing but the only args present are the item that was selected and the stateAndHelpers object. Any ideas?

thumbsup
0
message-simple
10

Question

I have currently have a custom dropdown component that only allows one item option to be selected but the requirements have changed to allow multiple selections and single selection. Is there a prop to pass Downshift to define if the custom dropdown will allow multiple鈥

thumbsup
0
message-simple
0

Having issues using Downshift with Emotion css-in-js library

When I add the css prop on my root Downshift div, I get the error: downshift: If you return a non-DOM element, you must use apply the getRootProps function

thumbsup
0
message-simple
1

Performance Optimization

I'm trying to prevent downshift from re-rendering every row when the highlightedIndex changes 鈥 only the previously highlighted row and the newly highlighted row. To achieve this, I tried using React.memo, which takes a second argument comparator function (careful, it works the鈥

thumbsup
0
message-simple
0

How to clear input when clicking away? for an autocomplete select

thumbsup
0
message-simple
0

Onblur resets field with Formik

Posted a full question over on stack overflow, but would highly appreciate any help with this as i have been STUCK on this for the last two days https://stackoverflow.com/questions/55027063/downshift-autocomplete-onblur-resetting-value-with-formik

thumbsup
1
message-simple
0

Downshift component

Hello i need some help. I'm a newbie with react and i'd like to separate in my view the input and the ul. When i tried it rendered nothing... and also i'd like to fetch an api to get the data where should i call the api ? in the ComponentDidMount method鈥

thumbsup
0
message-simple
2