# 💬 WeWeb team needs your feedback: Select/Multiselect element

**URL:** <https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428>\
**Category:** Product Research\
**Created:** [March 6, 2024, 1:09pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428 "2024-03-06T13:09:15Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [March 6, 2024, 1:09pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/1 "2024-03-06T13:09:15Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![NicolasLatitudes](https://avatars.discourse-cdn.com/v4/letter/n/ad7895/32.png) [@NicolasLatitudes](https://community.weweb.io/u/NicolasLatitudes)\
**Post date:** [March 6, 2024, 2:17pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/2 "2024-03-06T14:17:45Z")

</div>

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](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/f/f6e5057f3ff9bea10613efc4038e26ba5cd345ca.png)

---

<div class="post-metadata">

**Author:** ![sam1](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/sam1/32/6724_2.png) [@sam1](https://community.weweb.io/u/sam1)\
**Post date:** [March 6, 2024, 10:34pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/3 "2024-03-06T22:34:30Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![D-EFFCON](https://avatars.discourse-cdn.com/v4/letter/d/aeb1de/32.png) [@D-EFFCON](https://community.weweb.io/u/D-EFFCON)\
**Post date:** [March 7, 2024, 6:02am UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/4 "2024-03-07T06:02:45Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Himanshu](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/himanshu/32/16305_2.png) [@Himanshu](https://community.weweb.io/u/Himanshu)\
**Post date:** [March 7, 2024, 12:36pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/5 "2024-03-07T12:36:34Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![raelyn](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/raelyn/32/2803_2.png) [@raelyn](https://community.weweb.io/u/raelyn)\
**Post date:** [March 8, 2024, 2:15am UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/6 "2024-03-08T02:15:04Z")

</div>

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

Examples:

> [@I have a select element. How to change what's in the label?](https://community.weweb.io/t/i-have-a-select-element-how-to-change-whats-in-the-label/7124):
>
> I Have the name of the playbook under “Label” - e.g. The Webinar Launch Playbook What I want users to see is “The Webinar Launch Playbook (14 Days)” But it’s not allowing me to bind name and location together as the label. How do I accomplish this, I want users to see both the name and duration of the playbook?

> [@Dropdown Input: How to display a different value upon being selected?](https://community.weweb.io/t/dropdown-input-how-to-display-a-different-value-upon-being-selected/3959/6):
>
> @raelyn If you are really looking to replicate that, I’d go for building a custom element instead of using the WeWeb pre-built phone number picker. You’ll have a wrapper div with the grey border that holds a dropdown element, a div on the left with an image and text (for the country flag and code), then a transparent input on the right. You can set the width of the dropdown to a percent of the parent group’s width (it looks like your inspiration example is about 75%). You can load the option da…

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

---

<div class="post-metadata">

**Author:** ![AlexQ](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/alexq/32/6756_2.png) [@AlexQ](https://community.weweb.io/u/AlexQ)\
**Post date:** [March 8, 2024, 3:21pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/7 "2024-03-08T15:21:31Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Himanshu](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/himanshu/32/16305_2.png) [@Himanshu](https://community.weweb.io/u/Himanshu)\
**Post date:** [March 12, 2024, 11:08am UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/8 "2024-03-12T11:08:43Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![AmAb](https://avatars.discourse-cdn.com/v4/letter/a/e9c0ed/32.png) [@AmAb](https://community.weweb.io/u/AmAb)\
**Post date:** [March 12, 2024, 5:32pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/9 "2024-03-12T17:32:50Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![michaeln](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/michaeln/32/8078_2.png) [@michaeln](https://community.weweb.io/u/michaeln)\
**Post date:** [March 12, 2024, 6:58pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/10 "2024-03-12T18:58:52Z")

</div>

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](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/74cd42612ad5c67b485e854e8c57374928f2893a.png)

---

<div class="post-metadata">

**Author:** ![what.gift](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/what.gift/32/8069_2.png) [@what.gift](https://community.weweb.io/u/what.gift)\
**Post date:** [March 12, 2024, 8:46pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/11 "2024-03-12T20:46:53Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [March 12, 2024, 8:49pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/12 "2024-03-12T20:49:47Z")

</div>

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

Feel free to keep leaving suggestions

---

<div class="post-metadata">

**Author:** ![Laurens](https://avatars.discourse-cdn.com/v4/letter/l/85f322/32.png) [@Laurens](https://community.weweb.io/u/Laurens)\
**Post date:** [March 13, 2024, 9:39am UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/13 "2024-03-13T09:39:56Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Himanshu](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/himanshu/32/16305_2.png) [@Himanshu](https://community.weweb.io/u/Himanshu)\
**Post date:** [March 18, 2024, 2:42pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/14 "2024-03-18T14:42:14Z")

</div>

Ability to have list virtualization for the options would be great

---

<div class="post-metadata">

**Author:** ![carrano\_dot\_dev](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/carrano_dot_dev/32/10547_2.png) [@carrano\_dot\_dev](https://community.weweb.io/u/carrano_dot_dev)\
**Post date:** [March 19, 2024, 8:48pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/15 "2024-03-19T20:48:00Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![nick](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/nick/32/14997_2.png) [@nick](https://community.weweb.io/u/nick)\
**Post date:** [March 19, 2024, 10:39pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/16 "2024-03-19T22:39:34Z")

</div>

> [@Close Select Element when in Collection](https://community.weweb.io/t/close-select-element-when-in-collection/6000):
>
> Question: How do I close a select element located within a collection when an option has been chosen? Setup: I have 2 select elements being presented for each item in a collection, created from an Array. A “State” select and a “Geographic Area” select. The State select drives the options available within the Geographic Area select. When a new State is chosen, I reset the Initial Value of the Geographic Area select element. I accomplished this by creating a “geoAreaInputValue” variable for eac…

---

<div class="post-metadata">

**Author:** ![Himanshu](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/himanshu/32/16305_2.png) [@Himanshu](https://community.weweb.io/u/Himanshu)\
**Post date:** [March 21, 2024, 6:47pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/17 "2024-03-21T18:47:42Z")

</div>

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](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/6b0e4a8e602278a1c0f25cd758ca39054717a786.png)

---

<div class="post-metadata">

**Author:** ![omartineau](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/omartineau/32/8320_2.png) [@omartineau](https://community.weweb.io/u/omartineau)\
**Post date:** [March 28, 2024, 1:08pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/18 "2024-03-28T13:08:01Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![archenia\_jsanchez](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/archenia_jsanchez/32/8656_2.png) [@archenia\_jsanchez](https://community.weweb.io/u/archenia_jsanchez)\
**Post date:** [April 16, 2024, 5:55pm UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/19 "2024-04-16T17:55:35Z")

</div>

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

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/d7a75475dcec1c08c6917810fbeb2c6af7240ac8.png)

---

<div class="post-metadata">

**Author:** ![Himanshu](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/himanshu/32/16305_2.png) [@Himanshu](https://community.weweb.io/u/Himanshu)\
**Post date:** [April 17, 2024, 6:44am UTC](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428/20 "2024-04-17T06:44:42Z")

</div>

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

[Next page](https://community.weweb.io/t/weweb-team-needs-your-feedback-select-multiselect-element/7428.md?page=2)
