Add-modal: scrollable overlay (flex-start + overflow-y:auto, card margin:auto) — iPhone 390x844 close/vendor/Preview were unreachable; the sweep-1 fix was logged but never committed. F2m + F1/F6/F9/F12 pass locally (sweep 6)

4084d07cdac9db6a6da182ecb5b422e118b2e5a4 · 2026-09-19 11:12:58 -0700 · Steve Abrams

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0163KBzeE1R39RSbxNmAjbki

Files touched

M public/index.html

Diff

commit 4084d07cdac9db6a6da182ecb5b422e118b2e5a4
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Sat Sep 19 11:12:58 2026 -0700

    Add-modal: scrollable overlay (flex-start + overflow-y:auto, card margin:auto) — iPhone 390x844 close/vendor/Preview were unreachable; the sweep-1 fix was logged but never committed. F2m + F1/F6/F9/F12 pass locally (sweep 6)
    
    Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
    Claude-Session: https://claude.ai/code/session_0163KBzeE1R39RSbxNmAjbki
---
 public/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index 653dedc..2ae3ae2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -175,9 +175,9 @@
   .ed-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px 12px 0;overflow:hidden}
   #edcanvas{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,.6);background:#000}
   /* sample-request sticker popup */
-  .samp{position:fixed;inset:0;z-index:130;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:18px}
+  .samp{position:fixed;inset:0;z-index:130;background:rgba(0,0,0,.6);display:flex;align-items:flex-start;justify-content:center;padding:18px;overflow-y:auto;-webkit-overflow-scrolling:touch} /* TK-11924 F2m: tall card must scroll on iPhone 390x844 — flex-start + overflow-y:auto; .samp-card margin:auto keeps it centred when short */
   .samp[hidden]{display:none}
-  .samp-card{position:relative;width:100%;max-width:420px;background:#16140f;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
+  .samp-card{position:relative;width:100%;max-width:420px;margin:auto;background:#16140f;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
   .samp-x{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--ink);font-size:20px;cursor:pointer;opacity:.7}
   .samp-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}
   #sampImg{width:72px;height:72px;object-fit:cover;border-radius:12px;flex-shrink:0;background:#000}

← 237a9ab auto-data-snapshot: 2026-09-19T11:03:02 (4 data files) — 5x/ · back to Dw Photo Capture · Add-modal: session counter survived only until the modal ope 725a545 →