Skip to content

Grid's Table mode has poor responsiveness and becomes hard to use for editors on narrower widths #14510

@georgedaviotis

Description

@georgedaviotis

Bug description

Description

The Grid field UI in the Control Panel has poor responsiveness when multiple columns contain larger fieldtypes (for example asset/image fields, selects, and text inputs).

Instead of adapting the layout in a usable way, the grid compresses each column so aggressively that the fields become difficult to understand and interact with. This creates a confusing editing experience, especially for content editors who are not technical users.

Example

In the attached screenshot, a row with columns like Image, Link, and Alt Text becomes visually broken / heavily compressed. The asset field is squeezed into a very narrow space, the text wraps awkwardly, and the overall row becomes difficult to scan.

Why this is a problem

This is not only a visual issue — it affects usability:

  • editors cannot easily understand what belongs where
  • fields become hard to scan and interact with
  • the row layout looks broken even though the data structure is valid
  • it reduces confidence in the UI and increases editing friction
Image

How to reproduce

  1. Create a Grid field
  2. Add multiple columns, for example:
    • asset/image field
    • select field
    • text field
  3. Open the entry editor on a narrower viewport or smaller panel width
  4. Add a row and try editing the fields

Actual behavior

The grid keeps all columns inline and compresses them too much, making the row difficult to use.

Expected behavior

The grid UI should respond more gracefully on narrower widths. For example:

  • better stacking/reflow behavior
  • improved minimum widths
  • clearer overflow handling
  • a more editor-friendly mobile/narrow layout

Additional context

This seems especially problematic when one of the columns contains an asset field, since that field needs more horizontal space than the grid currently allows.

Logs

Environment

Key output:
•  Laravel 13.3.0
•  PHP 8.4.17
•  Composer 2.9.5
•  Environment: local (debug enabled)
•  Database driver: sqlite
•  Queue: sync
•  public/storage: NOT LINKED
•  Statamic: 6.9.0 PRO (Stache watcher enabled)

Installation

Fresh statamic/statamic site via CLI

Additional details

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions