Checkboxes in admin panel extend off page depending on page size.

[ilar]

Issue:
By default, a model with many checkboxes in Django Admin in a fieldset will extend off the page, clipping and causing you to lose inputs based off the number of bools and size of your screen.
The latter means you cannot get around it by trying to split them using ModelAdmin's fieldsets, because you don't know what kind of screen size the admin will be using.

It looks like it came about due to someone deleting flex-wrap: flex; from the admin css in ​https://github.com/django/django/commit/729266c6f29c7a0677b24926a86a767ef3078b26

This looks to be an extremely messy commit, as there are still flex attributes littered everywhere, orphaned by the change. The easy solution is to add flex-wrap back, but that may cause a reversion of the original bug.

Example images will be attached:

[ilar]

Keep in mind that this website is cropping the images- you'll have to click them and scroll to see the whole issue.

Just before it transitions into mobile mode:

Slightly wider, about halfway to the third picture:

Fullscreen on a 1440p monitor.

Stretching it across multiple monitors to get the full list.

For the next set of pictures, they are the behavior before the commit mentioned above, at roughly the same screen sizes (except there is no fourth, because there's no reason to go that large.)

[Sarah Boyce]

Hi ilar 👋 thank you for the report and screenshots.
Was able to replicate the issue and confirmed is was introduced in 729266c6f29c7a0677b24926a86a767ef3078b26, this has been fixed on main as part of #35386.