💬 WeWeb team needs your feedback: Select/Multiselect element

Hey everyone!

As some of you know, we’re in the process of revamping our basic elements, and we’re starting with the Select and Multiselect elements.

We want to know what are your biggest problems or suggestions about these elements!

Luka

Hello Luka

I do have one but I have’nt quite studied the possible workarounds
We don’t have a complex function editor for labels (and less importantly for value)


In several cases, the label will be a combination of fields (ex for an event : title and date)
We could use more flexibility (or at least easier edition) in the label definition !

image

2 Likes

I would like to be able to access the typed text of the input, this is so we can use create new items from it ect, on blur would be useful for this also.

1 Like

My main gripe is that they aren’t as mobile friendly as I feel they could be.
I wish there was a toggle you could switch on between using weweb’s dropdown design or the user’s browser default for rendering those elements (at least on mobile/tablet views).

It’s been a minute since I worked with them, but if I vaguely recall I had a bit of an issue with displaying the overlay menu of choices on mobile when a select element has been clicked. I had to play with all sorts of height/width dimensions, padding to get it to show properly on mobile.

1 Like

Ability to customise the label or displayed text in single select, the way we can do with multi-select.

And an extension of it, customise the label to place more than one text or an icon/image

2 Likes

Please add this: Once someone selects something in the dropdown element, we are able to change / control what’s being displayed.

Examples:

Right now it’s a huge roundabout to accomplish these by building your own element…

The most important thing, which others have mentioned here, would be the bindability of the Label and Value fields, to be able to create labels that have more display info that what any one field of an array (ie. to be able to create a label that is “Name + Title” of a user, and any other text or things added to the formula as well.)

Another feature that would be cool would be able to have a tiered interactivity. For example, we are creating events, and say to be able to select Event Type, there could be a top level display of options (ie. Social, Outdoor, Formation, etc) and then if you select something like “Outdoor” it then displays (ie. Sports, Camping, etc.) This may be similar to what @raelyn was asking for, though I’m not sure.

Finally, something that would be helpful would be to assign width of the dropdown separately from the with of the input. There are times where I want the input to auto size based on the text of the selection, but they if selection is a short text, making the input also less wide, then when you click the dropdown, it is the same width and the longer test values are cut off. So it could let the dropdown be sized to the widest value, while the input could adjust to the size of the current selected text and display better.

I hope those suggestions are clear, and possible! Thanks for asking the community to get requests.

Another request is to allow a toggle to trim the selection label from the end. If the label is too long, it can be trimmed to Himanshu Sh… rather than increasing the element’s width.

Ability to search the multiselect field dynamically as the user types in the field, a mix between a search field that makes a request to DB, and the actual tags multiselect. So that we can select multiple city tags for example, as the user types, the binded collection gets updated from the DB. This is really needed when the collection would be too big to be loaded all at once, like a world cities table for example.

For the multi-select element, I would love more control over the appearance of the default options - mostly border radius and internal spacing/padding.
image

1 Like

Icons in the options, e.g. country flag.

Great points from everyone, we will keep all of this in mind when developing the new select

Feel free to keep leaving suggestions

I would like the option to bind more logic to the settings when wrapping the field in a component. Sometimes I need my dropdown to be searchable, sometimes I don’t want users to be able to unselect, sometimes I do want the clear or caret icon etc.

Ability to have list virtualization for the options would be great

1 Like

One of the most important things to me, and this goes for all components, is control over all aspects of the style

1 Like
1 Like

When we select multiple values, the options come out of the input.

It would be nice to have it show 3 values selected or Reached POD +2 values

Screenshot 2024-03-22 at 12.16.50 AM

2 Likes

I just had a usecase this morning on the subject.
We wanted to make a select with a search field. But the options had to come from a collection filtered from the value of the search field.

2 things were missing for this:
1° access to the value of the component’s search field
2° to have a trigger that fires when the value of this trigger is changed.

1 Like

I think this might be available now if you switch “mode” to “counter,” no?

To some extent it works. But I wanted the ability to display the first item and a count of the rest of items.

The counter feature was certainly helpful nonetheless