Opened 3 weeks ago

Closed 2 weeks 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 3 weeks ago.

Download all attachments as: .zip

Change History (10)

comment:1 by Antoliny, 3 weeks ago

Owner: set to Antoliny
Status: newassigned

comment:2 by Antoliny, 3 weeks ago

Description: modified (diff)

comment:3 by Antoliny, 3 weeks ago

Description: modified (diff)

by Antoliny, 3 weeks ago

comment:4 by Sarah Boyce, 3 weeks ago

Triage Stage: UnreviewedAccepted

comment:5 by Antoliny, 3 weeks ago

Has patch: set

comment:6 by Sarah Boyce, 2 weeks ago

Patch needs improvement: set

comment:7 by Antoliny, 2 weeks ago

Patch needs improvement: unset

comment:8 by Sarah Boyce, 2 weeks ago

Triage Stage: AcceptedReady for checkin

comment:9 by Sarah Boyce <42296566+sarahboyce@…>, 2 weeks 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