Comments (10)
Thanks for reporting this. This is a known issue and #73 will fix this.
from react-dropdown-tree-select.
@mikdatdogru Try with the latest version and let me know if you still see it.
from react-dropdown-tree-select.
I just updated to 1.8.0 and I can still see the error when clicking outside. The other one is harder for me to reproduce, will let you know.
from react-dropdown-tree-select.
@josvegit I was able to repro the click outside issue by:
- Go to demo page: https://dowjones.github.io/react-dropdown-tree-select/#/story/basic-no-extra-styles
- Open the dropdown
- Click outside
It doesn't happen afterwards. Also, as far as I can tell, it doesn't affect the functionality in anyway.
I'll be looking into this.
Please feel free to send a PR if you happen to have a quicker fix.
from react-dropdown-tree-select.
@mrchief thanks for helping. yes, the console warning is repeated once.
from react-dropdown-tree-select.
@mrchief nah seems to work fine anyway, just an annoying console warning that triggers devs :)
from react-dropdown-tree-select.
@mrchief btw good work with this component, using it in production, works great ! Only quirk with it is that search gets slow when the tree becomes very large (15k nodes). Best react component for the job, by far.
from react-dropdown-tree-select.
@josvegit Thanks for the kind words! I'm glad you find it useful.
Regarding the search, would you mind sharing your dataset? If not, can you tell me more about the structure? E.g. How deep the nodes go and so on so I could play around with it?
from react-dropdown-tree-select.
I'm pretty sure I cannot give you the actual data.. even though it probably would not matter at all (don't wanna lose my job :D). The size according to chrome is 177kb. The Data is an array(size 25), each of these elements has between 50-100 children, which then have more children and so on.. Should probably not load all the data at once but w/e .. got deadlines..
from react-dropdown-tree-select.
I don't need the actual data, just an idea of how many levels to look for and overall size of the data. The tree doesn't render all the nodes - only the visible ones. With something like virtualized lists, I think we can reduce that number even further but I'm not sure if the tradeoff is worth the added complexity. Search tree initialization/search is another area that can be improved. It's on my radar, just need to find some weekend for it. :)
from react-dropdown-tree-select.
Related Issues (20)
- is there a way to select/deselect option programmatically? HOT 1
- Unable to serve the cloned repository on local host so as to make changes
- React useState error
- The searchTerm in the searchPredicate function is never an empty string HOT 7
- Expand to selected item
- rtl support HOT 2
- By default the last child is focused and checked HOT 2
- SetState is not working on react-dropdown-tree-select HOT 2
- Issue when click item in long scrollable list HOT 3
- react-dropdown-tree-select - Get all selected values HOT 3
- Render calls reset the search filter on the list HOT 12
- ADA incompatibility HOT 1
- useState is not getting updated HOT 1
- I'm having the same problem where useState isn't working and if I use it, the checkbox values disappear. HOT 1
- Clicking on label for radioSelect doesn't select a node HOT 2
- Nodes expanded state are not updated when search HOT 1
- Close the selection menu HOT 1
- How can I remove the tags that appear when a node is selected in the dropdown? HOT 2
- Parent node displayed as checked despite receiving checked: false
- custom renderer for label
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-dropdown-tree-select.