I am having an issue with the Multiselect as well as Listbox modules.
The values to be displayed are queried from a external resource and change dynamically.
When checking these manually, all the desired entries appear to be returned correctly, and hovering over the input data shows all values.
In the displayed Multiselect element though, every few entries are just blank.
It also does not appear to be related to the symbols contained in the values, which are strings only.
Tested on Firefox 91.0.2 and Chrome 92.0.4515.159 on Ubuntu 20.04.3 LTS
Hi @pherkel! Happy to help with this.
My eyes may be deceiving me, but it looks like you have some duplicates in your data (I tried color coding them in my screenshot!)
Using the lodash method _.uniq should do the trick to remove duplicates!
I just tested out what happens with duplicates in the listbox component, and it looks like it just blanks them out (which is exactly what you're seeing). Not a very helpful way to handle this, so I'll write up a bug report now! In the meantime, would you be able to use this component without the duplicates?
Yes, thats fine for me right now. Would be nice, if it were more seamless of course.
Thanks for the quick help!
Hi @pherkel! Just wanted to share a quick update. This duplicate values bug has been fixed—no more white space!