Spacer fieldtype should collapse in stacked layouts (small screen sizes)

[helloDanuk]

Bug description

This is the V6 issue of the outdated #10528. Yup, a lot has changed since then 😄.

1. The main issue is still present I believe. The spacer fieldtype should collapse, when the layout switches to stacked mode (small screen size).

2. There is a small layout bump on a specific viewport width. This may have its origin in the v5 issue.

How to reproduce

Main issue

Take a look at this example. The main reason for the spacer fieldtype is that the field "Test 3" moves to the next line.

But on small screen sizes, when all fields change to 100 % width, the spacer field type becomes redundant. It should collapse (hide).

Layout bump

Take a look at the position of field "Test 3" (viewport less than 1259px).

Bildschirmaufnahme.2026-02-18.um.15.43.27.mov

Logs

Environment

Environment
Application Name: Statamic
Laravel Version: 12.52.0
PHP Version: 8.3.30
Composer Version: 2.9.3
Environment: stage
Debug Mode: ENABLED
URL: six-21-widgets-KEEP-IT.test
Maintenance Mode: OFF
Timezone: UTC
Locale: en

Cache
Config: NOT CACHED
Events: NOT CACHED
Routes: NOT CACHED
Views: CACHED

Drivers
Broadcasting: log
Cache: file
Database: sqlite
Logs: stack / single
Mail: log
Queue: sync
Session: file

Storage
public/storage: NOT LINKED

Statamic
Addons: 3
Sites: 1
Stache Watcher: Disabled (auto)
Static Caching: Disabled
Version: 6.3.1 PRO

Statamic Addons
daun/statamic-original-filename: 1.1.1
mitydigital/statamic-sticky-notes: 2.0.0
statamic/seo-pro: 7.0.3

Installation

Fresh statamic/statamic site via CLI

Additional details

No response