snapappointments
1.14.0-beta3 -Dropdown blanks out when we scroll to the end or we re-open it
When we select the dropdown and scroll to the end, it causing the dropdown to totally blank out , same happend when we open the dropdown evenly . CHECK IMAGE - 1
to fix this i made following changes and it worked fine.
Hello! I have the same problem. I'll apreciate it if you can say to me where i need to apply this change? Cause i can see that you do not get any answer here
Hello! I have the same problem. I'll apreciate it if you can say to me where i need to apply this change? Cause i can see that you do not get any answer here
Hey, just download both css and js files. Then open the js file in any IDE (i use vscode). Use prettier to format the file. Then see the line number in 2nd image i have attached. Use those files in your code instead of CDNs.
If still doesn't work let me know i’ll share the files
Yo! Thanks for the info! I tried your solution but I noticed that even so, if the dropdown has a lot of information, it is not displayed completely. After a few hours debugging with the original file downloaded from the NPM packages, i figured out that is a scrolling problem, so, if you check the configuration options, an option named virtualScroll, it have 600 as default value, you can try setting the value of this option as twice the size of the list that you render in the dropdown and it could work for you, since this worked for me.
Yo! Thanks for the info! I tried your solution but I noticed that even so, if the dropdown has a lot of information, it is not displayed completely. After a few hours debugging with the original file downloaded from the NPM packages, i figured out that is a scrolling problem, so, if you check the configuration options, an option named virtualScroll, it have 600 as default value, you can try setting the value of this option as twice the size of the list that you render in the dropdown and it could work for you, since this worked for me.
Hey man!! Happy to hear that your UI is fixed. I would like to suggest that there’s procedure called lazy loading which you can implement to plot the less amount of data into selection and when you scroll down it will add more and remove the existing ones. It works in both ways (scroll up and scroll down) And about the virtualScroll, my list is dynamic and it could have n numbers or dropdown items. So i used lazy loading there.
This issue should be fixed in #2853, but the author has not released a new version yet.
Minimal reproducible example: https://codesandbox.io/p/sandbox/bootstrap-select-1-14-0-beta3-32wfr5
If you want to try the unreleased dev version, you can use jsDelivr:
[!Warning] NOTICE: The
bootstrap-select@devmay change at any time. Avoid using it in production environments.
- bootstrap-select@dev/js/bootstrap-select.js
- Minified: bootstrap-select@dev/js/bootstrap-select.min.js
