menu

downshift

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

Channels
Team
Posts
Members
Info

My experience building a dropdown with Downshift :)!

https://dev.to/aromanarguello/how-to-build-an-autocomplete-dropdown-in-react-using-downshift-1c3o

thumbsup
0
message-simple
0

Downshift Hooks - first one

Hey everyone. I just released a dropdown selection hook via https://github.com/silviuavram/downshift-hooks. The library aims to have 4 dedicated hooks for all dropdown widgets: selection, search, multiple selection and multiple search. Since their design patterns vary from each鈥

thumbsup
0
message-simple
0

Pressing enter clears all instances of Downshift

I'm having the most bizarre behavior when I have two instances of downshift rendering on a page. When you select an item in one, and then move to another instance and hit enter when there's no match, it clears both components. Here's a gif of what I mean: Does anyone have any鈥

thumbsup
0
message-simple
1

What company do you work for?

I could use your help! https://twitter.com/kentcdodds/status/1052230375949262848

thumbsup
2
message-simple
1

test suite speed

Hi all, After cloning downshift, how long does it take you to run all the tests, (`npm test -- --watchAll`)? Also, are you using Windows or other? I'm on Windows 10 and it takes ~12-14 seconds for me. Is that normal? Slow?

thumbsup
0
message-simple
0

Multiple dropdown lists

Hi everyone, I am wondering whether it is a valid use case to render multiple independently dropdown lists inside a downshift component. I want to jump between the lists and safe the current highlightedIndex. I didn't find an example for that and tried this ->鈥

thumbsup
0
message-simple
1

downshift styled-component wrapper

has anyone tried to wrap downshift with sc , I couldn't find any good example how to style downshift , I find this one and the end result is what I want https://codesandbox.io/s/0o0w70lp8p but this is in glamorous.

thumbsup
0
message-simple
1

flow typings

thumbsup
0
message-simple
3

How to allow input to keep values not matching an item

First off, I am loving downshift! I'm having trouble figuring out how to allow the input to maintain a value onBlur that doesn't match any of the available items. Essentially I'm trying to build an autocomplete control that suggests autocomplete values, but which doesn't鈥

thumbsup
1
message-simple
1

How are you using downshift?

I built downshift to build a country and contact chooser components at PayPal (https://blog.kentcdodds.com/b1de3fca0817). But I've heard stories of people using downshift to build dropdowns and even date-pickers. What kinds of experiences are you building with downshift?

thumbsup
0
message-simple
7