Opened 2 months ago

Closed 2 months ago

#36556 closed Bug (fixed)

When a TabularInline model has multiple fields, the page overflows.

Reported by: Antoliny Owned by: Antoliny
Component: contrib.admin Version: 5.2
Severity: Normal Keywords: inline
Cc: Triage Stage: Ready for checkin
Has patch: yes Needs documentation: no
Needs tests: no Patch needs improvement: no
Easy pickings: no UI/UX: yes

Description (last modified by Antoliny)

Even when a TabularInline model has just three or more fields, the page overflows due to the width.


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 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.

Attachments (1)

admin_tabular_inline_overflow.png (46.4 KB ) - added by Antoliny 2 months ago.

Download all attachments as: .zip

Change History (10)

comment:1 by Antoliny, 2 months ago

Owner: set to Antoliny
Status: newassigned

comment:2 by Antoliny, 2 months ago

Description: modified (diff)

comment:3 by Antoliny, 2 months ago

Description: modified (diff)

by Antoliny, 2 months ago

comment:4 by Sarah Boyce, 2 months ago

Triage Stage: UnreviewedAccepted

comment:5 by Antoliny, 2 months ago

Has patch: set

comment:6 by Sarah Boyce, 2 months ago

Patch needs improvement: set

comment:7 by Antoliny, 2 months ago

Patch needs improvement: unset

comment:8 by Sarah Boyce, 2 months ago

Triage Stage: AcceptedReady for checkin

comment:9 by Sarah Boyce <42296566+sarahboyce@…>, 2 months ago

Resolution: fixed
Status: assignedclosed

In 3e7aedfb:

Fixed #36556 -- Fixed TabularInline width overflowing the page.

Note: See TracTickets for help on using tickets.
Back to Top