Keep the page as tall as the window while the red save bar shows

CHANGELOG.md

@@ -70,6 +70,7 @@ Lines marked **Upgrade step** need you to act after updating.
 -   The form editor now shows "Saving…", "Saved" or "Not saved" with Retry. A failed save names the question by number and text, and the red bar offers Retry. Reloading or closing the page right after typing keeps the change, and the browser asks before you leave while a change isn't saved. Before, the editor showed nothing, and a reload within a second lost the change. (#267)
 -   A webhook answer that isn't valid UTF-8 text is now saved and shows on the submissions page, with each unreadable character as "?". Before, it wasn't saved and the webhook was called up to 5 times. With `QUEUE_CONNECTION=sync`, the submission itself failed with a server error. (#284)
 -   Opening a question in the editor no longer saves its answer settings, so "Saving…" does not show up for nothing. They save only when you change a setting. (#288)
+-   When a save fails, the red bar with Retry no longer makes the editor taller than your window. The page stays as tall as the window, so your last question and the end screen stay in reach. (#290)
 
 ### Security
 

resources/js/Layouts/AppLayout.vue

@@ -1,12 +1,12 @@
 <template>
-  <div>
+  <!-- the banner and the page share one window-high column, so the banner takes
+    its space from the page instead of adding to its height -->
+  <div class="flex min-h-screen flex-col supports-[height:100dvh]:min-h-dvh">
     <Head :title="title" />
 
     <jet-banner />
 
-    <div
-      class="flex min-h-screen flex-col bg-grey-50 supports-[height:100dvh]:min-h-dvh"
-    >
+    <div class="flex flex-grow flex-col bg-grey-50">
       <FormTopBar v-if="form.formId">
         <template #save-status><slot name="save-status" /></template>
         <template #preview><slot name="preview" /></template>