gogoair / react-combo-select Goto Github PK
View Code? Open in Web Editor NEWReact dropdown for select and multiselect
License: MIT License
React dropdown for select and multiselect
License: MIT License
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.
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:
Filter 1: Airline | Filter 2: Technology |
---|---|
option1: AAL | option1: ATG, 2KU |
option2: ACA | option2: 2KU, ATG4 |
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.