Sticky Save/Cancel Buttons on Forms #38

New Issue

tonym · 2026-01-16T05:09:38Z

tonym commented

2026-01-16 05:09:38 +00:00

Summary

Make Save/Cancel buttons always visible when editing forms with many fields.

Upstream Issue

https://github.com/Donkie/Spoolman/issues/274

Problem

Long forms (filaments with many fields) require scrolling to bottom to save. Annoying UX.

Proposed Solutions

Option A: Sticky Footer

.form-actions {
  position: sticky;
  bottom: 0;
  background: var(--bg);
  padding: 16px;
  border-top: 1px solid var(--border);
}

Option B: Floating Action Button

FAB in bottom-right corner
Save icon, click to submit

Option C: Keyboard Shortcuts

Ctrl+S / Cmd+S to save
Escape to cancel

Recommendation

Option A (sticky footer) + Option C (keyboard shortcuts)

Simple CSS fix + good accessibility.

## Summary Make Save/Cancel buttons always visible when editing forms with many fields. ## Upstream Issue - https://github.com/Donkie/Spoolman/issues/274 ## Problem Long forms (filaments with many fields) require scrolling to bottom to save. Annoying UX. ## Proposed Solutions ### Option A: Sticky Footer ```css .form-actions { position: sticky; bottom: 0; background: var(--bg); padding: 16px; border-top: 1px solid var(--border); } ``` ### Option B: Floating Action Button - FAB in bottom-right corner - Save icon, click to submit ### Option C: Keyboard Shortcuts - Ctrl+S / Cmd+S to save - Escape to cancel ## Recommendation Option A (sticky footer) + Option C (keyboard shortcuts) Simple CSS fix + good accessibility.

tonym referenced this issue from a commit

2026-01-16 06:31:42 +00:00

feat(ux): Sticky Save/Cancel buttons on forms (#38)

tonym referenced this issue from a commit

2026-01-16 06:53:09 +00:00

Bump version to 0.23C.4

tonym closed this issue

2026-01-16 06:55:30 +00:00

Sign in to join this conversation.