# \[New Feature\] Multiselect dropdown & tags

**URL:** <https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111>\
**Category:** New features\
**Created:** [October 19, 2016, 7:05pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111 "2016-10-19T19:05:19Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![emmanuel](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/emmanuel/32/27657_2.png) [@emmanuel](https://forum.bubble.io/u/emmanuel)\
**Post date:** [October 20, 2016, 6:01pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/21 "2016-10-20T18:01:31Z")

</div>

I’m not sure the plugin is compatible with mobile, you can check at [https://select2.github.io/](https://select2.github.io/)

---

<div class="post-metadata">

**Author:** ![emmanuel](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/emmanuel/32/27657_2.png) [@emmanuel](https://forum.bubble.io/u/emmanuel)\
**Post date:** [October 20, 2016, 6:37pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/22 "2016-10-20T18:37:18Z")

</div>

I think that’s the native behavior of the plugin (def not something on our end).

---

<div class="post-metadata">

**Author:** ![jonaspalmqvist](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jonaspalmqvist/32/7307_2.png) [@jonaspalmqvist](https://forum.bubble.io/u/jonaspalmqvist)\
**Post date:** [October 20, 2016, 6:44pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/23 "2016-10-20T18:44:18Z")

</div>

Aha. Yeah might be. Followup comment then I guess would be if it’s good UX or not but I’m not going to get into that, especially if it’s the native behaviour and not something you guys wouldn’t/couldn’t update.

I thought it was built by bubble team.

Thanks for looking into it.

---

<div class="post-metadata">

**Author:** ![JohnM](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@JohnM](https://forum.bubble.io/u/JohnM)\
**Post date:** [October 20, 2016, 6:48pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/24 "2016-10-20T18:48:21Z")

</div>

Maybe write to the plugin community, as you said, isn’t working properly under Chrome.  
[https://select2.github.io/community.html](https://select2.github.io/community.html)

* * *

 ![](https://us1.discourse-cdn.com/bubble/original/2X/f/f2086b84847bdca2d46323892fc16a7d5cd4971f.png)

---

<div class="post-metadata">

**Author:** ![jonaspalmqvist](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jonaspalmqvist/32/7307_2.png) [@jonaspalmqvist](https://forum.bubble.io/u/jonaspalmqvist)\
**Post date:** [October 20, 2016, 7:28pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/25 "2016-10-20T19:28:38Z")

</div>

I asked on Freenode but no reply. You read my mind @JohnM 🙂

EDIT: There’s an open issue for it on Github (amongst 527 others :S)

> <https://github.com/select2/select2/issues/4578>

---

<div class="post-metadata">

**Author:** ![pauljamess](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/pauljamess/32/261876_2.png) [@pauljamess](https://forum.bubble.io/u/pauljamess)\
**Post date:** [October 21, 2016, 2:23pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/26 "2016-10-21T14:23:32Z")

</div>

I have another question on this, is there a way to have “initial content” similar to other field inputs?

Use case: for _updating_ a user tags on their profile.

Thanks guys!  
Paul

UPDATE: got it using default value option.

---

<div class="post-metadata">

**Author:** ![pauljamess](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/pauljamess/32/261876_2.png) [@pauljamess](https://forum.bubble.io/u/pauljamess)\
**Post date:** [October 21, 2016, 2:24pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/27 "2016-10-21T14:24:13Z")

</div>

Thanks so much for this, I will have a play around and let you know how I get on!

---

<div class="post-metadata">

**Author:** ![romanmg](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/romanmg/32/237672_2.png) [@romanmg](https://forum.bubble.io/u/romanmg)\
**Post date:** [October 21, 2016, 2:43pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/28 "2016-10-21T14:43:12Z")

</div>

You could also enable auto-binding to automatically update the list.

---

<div class="post-metadata">

**Author:** ![JohnM](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@JohnM](https://forum.bubble.io/u/JohnM)\
**Post date:** [October 21, 2016, 2:49pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/29 "2016-10-21T14:49:18Z")

</div>

Update: bug report sent. multiselect no showing dropdown menu inside popup.

* * *

Debug: [https://bubble.io/page?type=page&name=multiselect\_bug&id=public-sharing-apps-nocritital-info&tab=tabs-1](https://bubble.io/page?type=page&name=multiselect_bug&id=public-sharing-apps-nocritital-info&tab=tabs-1)

Live: [https://public-sharing-apps-nocritital-info.bubbleapps.io/version-test/multiselect\_bug?debug\_mode=true](https://public-sharing-apps-nocritital-info.bubbleapps.io/version-test/multiselect_bug?debug_mode=true)

---

<div class="post-metadata">

**Author:** ![cm1](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/cm1/32/3947_2.png) [@cm1](https://forum.bubble.io/u/cm1)\
**Post date:** [October 21, 2016, 4:07pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/30 "2016-10-21T16:07:50Z")

</div>

i have the same issue

---

<div class="post-metadata">

**Author:** ![geo.chiv.george](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/geo.chiv.george/32/208433_2.png) [@geo.chiv.george](https://forum.bubble.io/u/geo.chiv.george)\
**Post date:** [October 26, 2016, 6:12am UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/31 "2016-10-26T06:12:29Z")

</div>

Just realised that I cannot save the tags using this new element. How do we go about that?

---

<div class="post-metadata">

**Author:** ![yvan](https://avatars.discourse-cdn.com/v4/letter/y/3ab097/32.png) [@yvan](https://forum.bubble.io/u/yvan)\
**Post date:** [October 29, 2016, 8:14pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/32 "2016-10-29T20:14:10Z")

</div>

Anyone tried it on an iOS app?  
Apparently it’s not working on mobile for the moment? So it might certainly be the same on iOS?

---

<div class="post-metadata">

**Author:** ![pauljamess](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/pauljamess/32/261876_2.png) [@pauljamess](https://forum.bubble.io/u/pauljamess)\
**Post date:** [November 2, 2016, 1:26pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/33 "2016-11-02T13:26:10Z")

</div>

FYI I got this set up thanks to your help!

So I got as far as merging searches but was stuck with the fact that it meant users needed to add all X number of tags in order for the search to work. If there were blanks it would return all.

But as you said- conditionals fixed that, albeit quite long winded to set up- once it’s done it’s done.

Only limitation0 like you said is that it’s really only doable for a limited number but works for me for now 🙂  
Thanks!

---

<div class="post-metadata">

**Author:** ![sergio.rufini](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sergio.rufini/32/6485_2.png) [@sergio.rufini](https://forum.bubble.io/u/sergio.rufini)\
**Post date:** [November 4, 2016, 4:14pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/34 "2016-11-04T16:14:59Z")

</div>

Hi,

I have the same issue in multiple pages.

If I use a pop up where I want to visualize the details of the Item I clicked, the previous inserted data in the mulltiselect dropdown is empty.  
If I close the popup and reopen again (without doing anything) then the data finally appear.

If I want to see the details opening a new page (and sending the item to the next page) then the box is always empty.  
Also trying binding, but still doesn’t work.

Any advise?

Thanks,

Sergio

---

<div class="post-metadata">

**Author:** ![brooklyn8395](https://avatars.discourse-cdn.com/v4/letter/b/22d042/32.png) [@brooklyn8395](https://forum.bubble.io/u/brooklyn8395)\
**Post date:** [November 10, 2016, 4:22am UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/35 "2016-11-10T04:22:29Z")

</div>

when I type in new tags in the multiselect dropdwown if I exceed the size of the input box it just ends up deleting all the tags I just typed in even when its less than the maximum item numbers (Which is 13)

everything is fine until it gets to the end of the input

![](https://us1.discourse-cdn.com/bubble/original/2X/9/9ff18d51ae45ec13b6f400494dc73deb0e5a1162.png)

I get to tag11 and press space

![](https://us1.discourse-cdn.com/bubble/original/2X/5/575fd268ae195f6679858c8587333c7219314726.png)

and it ends up deleting every tag I typed in

![](https://us1.discourse-cdn.com/bubble/original/2X/b/bc33c8b06644729ebcfc1df5aa3ed967560ab231.png)

---

<div class="post-metadata">

**Author:** ![julian1](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/julian1/32/7042_2.png) [@julian1](https://forum.bubble.io/u/julian1)\
**Post date:** [November 14, 2016, 11:03am UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/36 "2016-11-14T11:03:03Z")

</div>

I am also having the problem of a popup used to edit a List of Texts field is not showing the existing values - and any attempt to edit the field deletes existing values.

The use case is a screen for users of my app to set up ‘user defined’ fields, one option being a dropdown and they then enter the options into the Multidropdown which is on a popup (from another popup incidentally):

![](https://us1.discourse-cdn.com/bubble/original/2X/8/878c528239c4e94f9b7f2f63ea6ebb85d4182b3f.png)

In the screenshot, you can see that the MultiDropdown is empty - yet the text below, connected to the same database field is showing the current values. Any attempt to edit and the text field immediately shows these values dissappear.

Note that the choices are static but there are no default options - they are all user entered.

I can live with this for a while (during the development phase for my app which will probably be a few months) - and I realise the alternative of creating a subtable to contain these optional values would probably be better anyway (but harder work).

Would it also be possible to allow for values with spaces to be added to these controls - at the moment, the key is created as soon as you press space?

---

<div class="post-metadata">

**Author:** ![emmanuel](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/emmanuel/32/27657_2.png) [@emmanuel](https://forum.bubble.io/u/emmanuel)\
**Post date:** [November 14, 2016, 6:22pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/37 "2016-11-14T18:22:43Z")

</div>

We’ve recently pushed a fix there, can you check again?

---

<div class="post-metadata">

**Author:** ![julian1](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/julian1/32/7042_2.png) [@julian1](https://forum.bubble.io/u/julian1)\
**Post date:** [November 14, 2016, 6:36pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/38 "2016-11-14T18:36:44Z")

</div>

Hi @emmanuel - the problem is still there I’m afraid.

Thanks for looking at it though!

Julian

---

<div class="post-metadata">

**Author:** ![pauljamess](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/pauljamess/32/261876_2.png) [@pauljamess](https://forum.bubble.io/u/pauljamess)\
**Post date:** [November 14, 2016, 8:02pm UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/39 "2016-11-14T20:02:39Z")

</div>

Is there anyway to disable the [space] from acting as an enter. ie. So users can type multiple word tags?

---

<div class="post-metadata">

**Author:** ![ryan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ryan/32/1707_2.png) [@ryan](https://forum.bubble.io/u/ryan)\
**Post date:** [November 15, 2016, 12:35am UTC](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111/40 "2016-11-15T00:35:18Z")

</div>

You can hold down the Option (alt) key to enter multiple words. I just let the user know that they can do this. But it would be nice to be able to disable it also.

[Previous page](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111.md?page=1)

[Next page](https://forum.bubble.io/t/new-feature-multiselect-dropdown-tags/7111.md?page=3)
