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
How to reproduce
- Create a
Grid field
- Add multiple columns, for example:
- asset/image field
- select field
- text field
- Open the entry editor on a narrower viewport or smaller panel width
- 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
Bug description
Description
The
Gridfield 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:
How to reproduce
GridfieldActual 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:
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
Installation
Fresh statamic/statamic site via CLI
Additional details
No response