Я использую пакет django -select2 для реализации Searchable Select в поле ForeignKey. Мне удалось заставить функционировать работать, выполнив шаги, упомянутые в документах, но у меня возникли проблемы со стилем.
Для визуализации моей формы я использую crispy-формы. Все остальные виджеты отображаются правильно, кроме Select2Widget.
![enter image description here](https://i.stack.imgur.com/pfDDU.png)
Как видно на изображении выше, высота и ширина элемента формы не являются динамическими c, как и другие элементы.
HTML сгенерированный код:
<div class=""> <select name="current_user" data-minimum-input-length="0" data-allow-clear="true" data-placeholder=""
class="select2widget form-control django-select2" required id="id_current_user">
<option value=""></option>
<option value="">---------</option>
<option value="4" selected>Arpita</option>
</select> </div>
</div>
<div id="div_id_device_admin" class="form-group"> <label for="id_device_admin" class=" requiredField">
Device admin<span class="asteriskField">*</span> </label>
<div class=""> <select name="device_admin" data-minimum-input-length="0" data-allow-clear="true" data-placeholder=""
class="select2widget form-control django-select2" required id="id_device_admin">
<option value=""></option>
<option value="">---------</option>
<option value="4" selected>Arpita</option>
</select> </div>
</div>
Так я устанавливаю виджет в ModelForm.
def __init__(self, *args, in_org, **kwargs):
...
self.fields['current_user'].widget = Select2Widget()
self.fields['current_user'].queryset = in_org.user_set.all()
Я чувствую, что это в основном проблема со стилем CSS, и я не могу понять проблему. Любая помощь будет принята с благодарностью.