SelectFilter2.js puts the label for Django Admin filter fields in the wrong place

[Phil Gyford]

The label for Django Admin filter fields is appearing after the fields, instead of before. I'm using v5.0.4.

If I use the previous version of static/admin/SelectFilter2.js ​https://github.com/django/django/blob/e3a4cee081cf60650b8824f0646383b79cb110e7/django/contrib/admin/static/admin/js/SelectFilter2.js then the problem is fixed.

(Via the forum ​https://forum.djangoproject.com/t/label-not-rendering-above-field/29821/)

[Phil Gyford]

Screenshot of label in wrong place

[Phil Gyford]

HTML showing label in wrong place

[Phil Gyford]

Screenshot of label using previous version of SelectFilter2.js

[Phil Gyford]

HTML of label using previous version of SelectFilter2.js

[Natalia Bidart]

Hello Phil, thank you for your report. I have seen the screenshots and the forum topic, but I'm not being able to reproduce. What you see may be a side effect of a custom CSS that you may have? Or a third party package providing a custom CSS? Or a lack of proper CSS reload/serve when upgrading?

Given that I can't reproduce in any way (I tried various screen sizes and screen modes), I'll be closing this ticket as invalid following the ​ticket triaging process. If you could provide a way to reliable reproduce, either by providing detailed instructions or a django minimal test project, please re-open with the new information.

You could also seek further debugging help in the forum by continuing the conversation there.

[Zbigniew Skowron]

This is a bug in django/contrib/admin/static/admin/js/SelectFilter2.js.
This code in SelectFilter2.js puts the widget before the label:

            // Make sure the selector div is at the beginning so that the
            // add link would be displayed to the right of the widget.
            from_box.parentNode.prepend(selector_div);

It works only if RelatedFieldWidgetWrapper is used, as the wrapper puts the widget inside a separate <div>, so prepend() doesn’t reorder widget with respect to the label.
Without the RelatedFieldWidgetWrapper we get the bug.

[Sarah Boyce]

I believe this might be a duplicate of #36053