gogoair / react-combo-select Goto Github PK

I use the react-combo-select component without setting the text prop (because I want the component to display 'select' and not a predefined option). It has say 3 options ('a','b', 'c') After I choose the option 'c' in the drop down list, the property 'value' of the select html element in the DOM does not have the expected value. Instead it always has the value of the first option (ie 'a' here) in the drop down list. The component displays the value 'c'.
This issue occurs only the first time I use the component. When I repeat the procedure above with another option, the component behaves properly.

Steps to reproduce:

Use the multi-select ComboSelect and pass several options to it. If you click on the option name, the option will be selected and dropdown stays open, so you can select something else. But if you click on the icon on the left, the option will be selected but the ComboSelect will close itself.

Probably issue with the event propagation with SVGs.

Codesandbox demo

Clicking on the arrow down icon does nothing. An error occurred in the console.

Hi,

I am using this react-combo-select component inside a modal. Now clicking outside the component but inside Modal this component is not closing. But apart from that it working fine.

eg code

Steps to reproduce:

Create multi-select ComboSelect, and then when you provide options, if you click on the icon instead of option name, the item will be selected but the dropdown menu will close itself.
Probably issue with event propagation from SVG.

Are we doing this?

Here's a guide https://help.github.com/articles/transferring-a-repository-owned-by-your-personal-account/

You should still have the necessary permissions on https://github.com/gogoair

Don't know how else to contact you :)

Also don't forget react-combo-modal

thanks for your efforts, and i need to select some values in initial time of rendering how can i give that values? value={standardArray[2]} is not working

Hi Team,

We are facing one issue with dependent drop downs.
Please see below scenario.

Scenario:

We have 5 dependent dropdown (filters) like Airline, Fleet type, Technology and some other filters.

Let say when we select one option in airline filter (say 'AAL') and it will populate all the available options like ('ATG', '2KU') for the technology filter based on the selected airline and when we select any of the technology option say 2KU and again change the Airline filter to ACA option then the technology filter options are not updating with available technology options for ACA airline (say 2KU, ATG4).
And it is happening with all other filters.

We have debugged the root cause of that issue and below code is stopping the re rendering of the drop downs with updated options.

If we remove this line of code it is working fine.

So, Please look in to this issue.

Very thanks for this component. please add the props class

Steps to reproduce:

Use the multi-select ComboSelect and pass several options to it. If you click on the option name, the option will be selected and dropdown stays open, so you can select something else. But if you click on the icon on the left, the option will be selected but the ComboSelect will close itself.

Probably issue with the event propagation with SVGs.

Steps to reproduce:

Use the multi-select ComboSelect and pass several options to it. If you click on the option name, the option will be selected and dropdown stays open, so you can select something else. But if you click on the icon on the left, the option will be selected but the ComboSelect will close itself.

Probably issue with the event propagation with SVGs.

@ryan-at-gogo
Thanks for this component. If possible can you tell how to add Select All checkbox for multiselect Combobox?

As its given in the below link
https://github.com/Khan/react-multi-select

Text prop change is not reflected by the component. When value prop is either falsy or not one of available options, displayed text will remain the initial value of text prop even if text prop has changed.