creativetimofficial / ct-argon-dashboard-pro

A beautiful Premium Dashboard for Bootstrap 5.
https://demos.creative-tim.com/argon-dashboard-pro/pages/dashboards/landing
30 stars 13 forks source link

[Bug] Select2 Multiple Not working #44

Open rpenav91 opened 3 years ago

rpenav91 commented 3 years ago

Version

1.2.1

Reproduction link

https://demos.creative-tim.com/argon-dashboard-pro/docs/plugins/dropdown.html

Operating System

OS / Windows

Device

Apple Macbook Pro / DELL Latitude

Browser & Version

Chrome 90

Steps to reproduce

  1. When initializing a select with multiple="multiple" select2 is being initialized
  2. When you try to filter an option no searchable input
  3. Master Select not searchable also

What is expected?

Select2 with multiple items

What is actually happening?

Multiple Select2 is being initialized but you can't search or apply filters


Solution

Additional comments

rarestoma commented 3 years ago

Hi @rpenav91,

Thank you for working with our products.

Can you please give me the code that you tried so I can check this and see what happens?

Thank you, Rares

lukaszmarcinkowski commented 3 years ago

Hi @rarestoma & @rpenav91 , I have the same problem with a multiple option.

Select2 has option - Dynamic option creation which is also works with multiple option

For example code:

<select class="form-control select optional select-tags select2-hidden-accessible" multiple="multiple" name="item[tags][]" id="item_tags" data-select2-id="item_tags" tabindex="-1" aria-hidden="true">
  <option value="tag_1" data-select2-id="8">tag_1</option>
  <option value="tag_2" data-select2-id="9">tag_2</option>
  <option value="tag_3" data-select2-id="10">tag_3</option>
</select>

By running initializer: $(".select-tags").select2({ tags: true });

it should works like shown in Select2 example. Using argon it is not working.

rarestoma commented 3 years ago

Hi @lukaszmarcinkowski,

Thank you for working with our products.

Did you try our tags input plugin available here: https://demos.creative-tim.com/argon-dashboard-pro/docs/plugins/tags.html? I think it may help you.

Thank you, Rares

lukaszmarcinkowski commented 3 years ago

Hi @rarestoma

Yes i found tags plugin for input but it has only 50% functionality I've need to. I would like to add tags by choose from select (from existing list) or create a new one by typing.

Is is possible to fix it?

Regards

lukaszmarcinkowski commented 3 years ago

@rarestoma is it possible to an answer for this issue? I am waiting for this more than 3 months...

rarestoma commented 3 years ago

Hi @lukaszmarcinkowski,

Sorry for my late response. We added it to the 'to do' list for the next update.

Another solution would be the multiple dropdowns available here: https://demos.creative-tim.com/argon-dashboard-pro/docs/plugins/dropdown.html.

You can also find more examples here: https://select2.org/placeholders.

Please let me know if it works.

Thank you, Rares

lukaszmarcinkowski commented 3 years ago

Hi @rarestoma

Unfortunately, it doesn't work for me, because I need dynamic option creation which can be typed by the user or chosen from the dropdown list (excellent will be with the search option).

So it seems I need to wait for the update. When I can expect it to be available?

rarestoma commented 3 years ago

Hi @lukaszmarcinkowski,

We are currently working on a new update and we hope we will release it in about 1 month.

Thank you, Rares

lpheglund commented 2 years ago

Using Django the form-control removes the options made in the model.

When will this fix be available? I can see that this tread is very old!! Not very promising for a PRO subscription

AdrianGos commented 1 year ago

Any updates on this?