Dropdown Menu is Covering Input Field. Position of Selection List is to High.

[mogoh]

I am using dal and I am not sure if this problem is a bug or a misconfiguration. It is working fine in the admin interface but not in the users interface. When I am using an input field, the list to select is covering the input. Any help is appreciated. If this is not the right place to ask, please tell me.

Versions

• Django 1.11
• Python 3
• django-autocomplete-light==3.2.10

Some code

class MessageForm(forms.Form):

    # Some probably non relevant code is cut out

    relation_queryset = PersonUnitRelType.objects.all()
    relation_recipients = forms.ModelMultipleChoiceField(
        label=_('Relation Recipients'),
        queryset=relation_queryset,
        required=False,
        widget=autocomplete.ModelSelect2Multiple(
            url='autocomplete-relation',
            attrs={'data-placeholder': _('Choose status groups …')}
        ),
    )

<form action="" method="post">
    {% csrf_token %}
    {{ form.non_field_errors }}
    <label for="{{ form.relation_recipients.id_for_label }}">{{ form.relation_recipients.label }}</label>
    <div class="fieldWrapper">
        {{ form.relation_recipients.errors }}
        {{ form.relation_recipients }}<br>
        <small>{% trans 'Choose status group to send message to. If a recipient group is selected above, only group members with this status will receive the message.' %}</small>
    </div>

Screenshots

Example field

Selection is way to high

[mogoh]

So I found the cause of the problem but not yet a solution. It is not really related to dal. I use django cms and the toolbar of the cms is moving the page down but not the input field. If I remove the toolbar, everything looks fine. I don't know what part of the toolbar moves the hole page.

[mogoh]

Can it be an issue, that dal and django-cms both use Select2 and that this creates a conflict?

[mogoh]

This issues is solved, if I set dal to use the jquery of the admin interface. I don't understand how this solves the problem, but it works for now.