onCreate event for select boxes about react-widgets

[jquense]

Hey there, if I am understanding you, you are looking a handler for adding custom tags to the Select widget? Such as if typing "dog" returned no list items, but you had the option to add it to the list through a onCreate handler? If so then I definitely have a few places to take a look at for implementing, there are also a few questions about how best to implement it.

Let me know if we are on the same page and I can offer up my thoughts further :)

[nelix]

Yep, thats the goal

[jquense]

sounds good :) if you look here you can see where I punted on implementing this. Firing off a onCreate there with the input.value will get you most of the way there.

The last bit to this is the option to create tags with the mouse, and not just hitting the enter key. Ideally I think we need to add an option to the bottom of the dropdown list. That may involve some messing around with the css to get the scrolling right.

two options there:

• add a dummy item to the processedData state (can be done in the process method)
• and a an element under the list.

opt 2 is the most straight forward but will lead to issues with the keyboard list navigation (since its not in the list). Opt 1 is sort of ugly and needs to make sure not to mess with the prop array so not to mutate passed in data.

those are my thoughts, feel free to give anything a go.

[nelix]

Awesome thats a pretty great inroad, I'll get started with the first bit in our fork and see how I go. Thanks!

[jquense]

Just a ping @nelix . I ran into a need for this myself today and remembered you were working on it before I started implementing (luckily). Any news?

[nelix]

I have been on leave from work, so I have not made much progress; Sorry to disappoint :(