Show save/error status inside the open widget dialog, not behind it
Build and push server image / test (push) Successful in 21s
Build and push server image / build-and-push (push) Successful in 2m0s
Build and push server image / deploy (push) Successful in 54s

showStatus() always wrote to the page-level #result div, which sits
behind a <dialog>'s backdrop -- a save inside a widget's gear-icon
dialog produced a message the user couldn't see without closing the
dialog first. It now prefers a .dialog-result element inside whichever
<dialog> is currently open, falling back to #result everywhere else.

The dialog is a flex column with its body scrolling independently so
.dialog-result stays pinned as a visible footer regardless of scroll
position -- otherwise a save message on a long form (e.g. the calendar
dialog) could land off-screen below the fold with no visible feedback
at all.
This commit is contained in:
2026-07-24 14:48:50 -04:00
parent cb11ffdd2d
commit 569bf733e9
4 changed files with 19 additions and 1 deletions
+1
View File
@@ -38,6 +38,7 @@
<dialog id="widget-dialog">
<button type="button" id="widget-dialog-close" class="icon-btn" aria-label="Close" title="Close">&times;</button>
<div id="widget-dialog-body"><p class="sub">Loading...</p></div>
<div class="dialog-result"></div>
</dialog>
<div id="result"></div>