mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-11 13:52:20 +00:00
Until now every <ResponsiveSheet> consumer (except export-section) inlined the form footer inside the body slot, so the primitive's sticky-pinned bottom rail on the Sheet branch only painted empty. The Save / Cancel row therefore scrolled with the body and slid out from under the soft keyboard on mobile. This rewires the action-row through the footer prop on all seven page-level mounts (dashboard quick-entry measurement + mood, /measurements, /mood, /medications, side-effects sheet, inventory add sheet, intake-history edit + create sheets, medication create/edit sheet). Each form receives an optional footerSlot prop; when set, the kebab + Cancel + Save row is portalled into the ResponsiveSheet footer slot so the bottom-sheet branch can sticky-pin it. The Save button keeps its <form> association via the HTML form attribute so submit-on-Enter and native validation continue to work end-to-end.