#36556: When a TabularInline model has multiple fields, the page overflows.
-------------------------------+--------------------------------------
Reporter: Antoliny | Owner: Antoliny
Type: Bug | Status: assigned
Component: contrib.admin | Version: 5.2
Severity: Normal | Resolution:
Keywords: inline | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------+--------------------------------------
Description changed by Antoliny:
Old description:
> Even when a TabularInline model has just three or more fields, the page
> overflows due to the width.
>
> [[Image(tabular_inline_overflow.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`.
New description:
Even when a TabularInline model has just three or more fields, the page
overflows due to the width.
[[Image(admin_tabular_inline_overflow.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#comment:3>
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/01070198ad4fc138-b22b18fb-ca88-4f85-bea0-499971387dc1-000000%40eu-central-1.amazonses.com.
