#36556: When a TabularInline model has multiple fields, the page overflows.
--------------------------+-----------------------------------------
Reporter: Antoliny | Type: Bug
Status: new | Component: contrib.admin
Version: 5.2 | Severity: Normal
Keywords: inline | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
--------------------------+-----------------------------------------
Even when a TabularInline model has just three or more fields, the page
overflows due to the width.
[[Image(Screenshot 2025-08-15 at 7.26.13 PM.png)]]
To prevent the page from overflowing, `overflow` CSS is needed. If we add
`overflow`, it should be applied to the table so that when there are
multiple fields, we can navigate through the elements inside the table via
scrolling.
It seems this was likely
[https://github.com/django/django/blob/main/django/contrib/admin/static/admin/css/forms.css#L416
considered during the design], but due to the nature of tables,
`overflow-x` does not apply. To fix this issue, the display should be
changed to `block`.
--
Ticket URL: <https://code.djangoproject.com/ticket/36556>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.
--
You received this message because you are subscribed to the Google Groups
"Django updates" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion visit
https://groups.google.com/d/msgid/django-updates/01070198ad4dfa64-31d9124c-f73c-47d5-98cc-db2bf64de2ee-000000%40eu-central-1.amazonses.com.
