[Django] #36053: Django Admin Widget FilteredSelectMultiple CSS Not Working

[Django]

#36053: Django Admin Widget FilteredSelectMultiple CSS Not Working
-------------------------------------+-------------------------------------
Reporter: Harsh Malviya | Type: Bug
Status: new | Component: Forms
Version: 5.1 | Severity: Normal
Keywords: css, forms, widget, | Triage Stage:
filter, selectmultiple, django, | Unreviewed
admin |
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 1
-------------------------------------+-------------------------------------
**Description:**
I am using a django forms widget FilteredSelectMultiple, It seems the CSS
for the same is not on the right place. It's showing the label of the
widget to the right side.

**P.S.** This is only happening in the Django Versions >= 5.0, For lower
versions than 5.0 it's working fine i.e Django==4.2.17

**Code Snippet:**
{{{
from django import forms
from models import Address
from django.contrib.admin.widgets import FilteredSelectMultiple

class UserForm(forms.ModelForm):
address = forms.ModelMultipleChoiceField(
queryset= Address.objects.all(),
widget=FilteredSelectMultiple("Address", is_stacked=False),
required=False
)
}}}

Please check the attached images for different versions:

**Requisite:**
Django Version: 5.1.4
Python Version: 3.11.10
Operating System: macOS
Django Installation Method: pip install Django
--
Ticket URL: <https://code.djangoproject.com/ticket/36053>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.

[Django]

#36053: Django Admin Widget FilteredSelectMultiple CSS Not Working
-------------------------------------+-------------------------------------

Reporter: harshm-007 | Owner: (none)

Type: Bug | Status: new
Component: Forms | Version: 5.1

Severity: Normal | Resolution:

Keywords: css, forms, widget, | Triage Stage:
filter, selectmultiple, django, | Unreviewed
admin |
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 1
-------------------------------------+-------------------------------------

Changes (by harshm-007):

* Attachment "image.png" added.

[Django]

#36053: Django Admin Widget FilteredSelectMultiple CSS Not Working
-------------------------------------+-------------------------------------

Reporter: Harsh Malviya | Owner: (none)

Type: Bug | Status: new
Component: Forms | Version: 5.1
Severity: Normal | Resolution:
Keywords: css, forms, widget, | Triage Stage:
filter, selectmultiple, django, | Unreviewed
admin |
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 1
-------------------------------------+-------------------------------------

Changes (by Harsh Malviya):

* Attachment "image.2.png" added.

[Django]

#36053: Django Admin Widget FilteredSelectMultiple CSS Not Working
-------------------------------------+-------------------------------------

Reporter: harshm-007 | Owner: Chaitanya
| Rahalkar
Type: Bug | Status: assigned

Component: Forms | Version: 5.1
Severity: Normal | Resolution:
Keywords: css, forms, widget, | Triage Stage:
filter, selectmultiple, django, | Unreviewed
admin |
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 1
-------------------------------------+-------------------------------------

Changes (by Chaitanya Rahalkar):

* owner: (none) => Chaitanya Rahalkar
* status: new => assigned

--
Ticket URL: <https://code.djangoproject.com/ticket/36053#comment:1>