v33: Board not working? pages scroll with a finger after the drawing steps

app/index.html

@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>OverBoard PDF</title>
 <meta name="description" content="OverBoard: write on any PDF on your smartboard. Runs in the browser; nothing is uploaded.">
-<meta name="ob-version" content="d09cc9d265bd">
+<meta name="ob-version" content="6ad723ed68d8">
 <meta name="theme-color" content="#1f1f1f">
 <link rel="manifest" href="manifest.json">
 <link rel="icon" href="icons/icon-192.png">
@@ -45,7 +45,7 @@ <h2 data-t="open_again">Open again</h2>
     <p class="note"><span data-th="start_note">Your PDF and your ink stay in this browser on this computer. Nothing is uploaded.
       Have a Word file? In Word, choose File → Save as PDF, then drop the PDF here.
       Have an HTML worksheet? Drop it here to get a <i>_board.html</i> copy you can write on.</span>
-      <br><a href="../" data-t="back_demo">Back to the HTML worksheet demo</a> · <a href="https://github.com/BPMData/OverBoard" data-t="about">About OverBoard</a> · <a href="report/?from=start" target="_blank" data-t="board_help">Board not working?</a> · <span id="ob-release" title="OverBoard version">v32</span></p>
+      <br><a href="../" data-t="back_demo">Back to the HTML worksheet demo</a> · <a href="https://github.com/BPMData/OverBoard" data-t="about">About OverBoard</a> · <a href="report/?from=start" target="_blank" data-t="board_help">Board not working?</a> · <span id="ob-release" title="OverBoard version">v33</span></p>
     <p class="note ob-langpick"><label><span aria-hidden="true">🌐</span> <select id="ob-lang" aria-label="Language" data-ta="language" data-tt="language" title="Language"></select></label></p>
   </div>
 </main>

app/report/index.html

@@ -16,7 +16,8 @@
 :root { --desk: #e9e7e2; --ink: #111; --mute: #555; --line: #d6d3cc; --go: #111; --goText: #ffd400; --ok: #1b5e20; --okBg: #e8f5e9; --warn: #8a5a00; --warnBg: #fff4d6; --bad: #b71c1c; --badBg: #ffebee; }
 * { box-sizing: border-box; }
 html, body { margin: 0; height: 100%; }
-body { background: var(--desk); color: var(--ink); font: 22px/1.45 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; touch-action: none; overscroll-behavior: none; }
+body { background: var(--desk); color: var(--ink); font: 22px/1.45 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; touch-action: pan-y; overscroll-behavior: none; }
+body.drawing { touch-action: none; }   /* only the drawing steps; the other screens scroll with a finger */
 [hidden] { display: none !important; }
 button, input, textarea { font: inherit; color: inherit; }
 button { cursor: pointer; border: 0; border-radius: 14px; min-height: 64px; padding: 0 26px; font-weight: 700; background: #fff; box-shadow: inset 0 0 0 2px var(--line); }
@@ -96,7 +97,7 @@ <h1 data-t="r_h1">Is OverBoard not working on your board?</h1>
     <p data-th="r_intro2">If something doesn't work the way the page asks, that's fine. <b>That's exactly what I need to know.</b> Just keep going.</p>
     <p class="mute small" data-th="r_privacy">Nothing is sent until you press <b>Send</b> at the very end, and you'll see everything first. No worksheets, PDFs or ink are ever included.</p>
     <div class="row"><button class="go big" data-go="start" data-t="r_start">Start</button></div>
-    <p class="mute small" style="margin-top:28px">OverBoard <span id="ob-release" title="OverBoard version">v32</span></p>
+    <p class="mute small" style="margin-top:28px">OverBoard <span id="ob-release" title="OverBoard version">v33</span></p>
   </div></div>
 </section>
 
@@ -285,7 +286,7 @@ <h1 data-t="r_done_h1">Thank you!</h1>
   if (push && name !== screen_) history.push([screen_, stepIx]);
   screen_ = name;
   document.querySelectorAll('[data-screen]').forEach((s) => { s.hidden = s.dataset.screen !== name; });
-  document.body.style.touchAction = name === 'steps' ? 'none' : '';
+  document.body.classList.toggle('drawing', name === 'steps');
   if (name === 'steps') { sizePad(); openStep(); }
   if (name === 'review') renderReview();
   window.scrollTo(0, 0);

app/sw.js

@@ -1,7 +1,7 @@
 // ===== GENERATED by tools/build.py: every file the app needs, with the start of its SHA-256. Do not edit by hand. =====
-const VERSION = '0d41e9e4f1bc';
+const VERSION = '9a1c3f5ec5aa';
 const FILES = {
-  "../overlay/ink_overlay.html": "09a4ae086c905c46",
+  "../overlay/ink_overlay.html": "0c1ad5c7f8d9cfd8",
   "../shared/ink-core.js": "f5235bb4ef99a375",
   "../shared/strings.js": "d0525093455e4d45",
   "../shared/toolbar.css": "d3155c02c903c96e",
@@ -14,14 +14,14 @@ const FILES = {
   "icons/icon-192.png": "d245e15b36475003",
   "icons/icon-512.png": "17c1021fe2a0ade1",
   "icons/maskable-512.png": "0c58f1bdccc9eda9",
-  "index.html": "9e5127b09c51f5f2",
+  "index.html": "e9aa691d0b0f5d5c",
   "ink.js": "069771a403be1378",
   "libs.js": "c09f60186ab9029a",
   "main.js": "ac823fa04ab55eb2",
   "manifest.json": "f7ee4a6c6f83cd40",
   "notebook.js": "47bcfd4f80712344",
   "offline.js": "6504935b2738711a",
-  "report/index.html": "ff1e97cbd50d69c5",
+  "report/index.html": "9ea65fb62d959ebd",
   "store.js": "66af54cd32e6cbd2",
   "textlayer.js": "1911308ed3e2a8b5",
   "vendor/[email protected]/LICENSE.md": "f2c9fc00fdb66eb9",
@@ -214,7 +214,7 @@ const FILES = {
   "vendor/[email protected]/standard_fonts/LiberationSans-BoldItalic.ttf": "a224075ac17495ad",
   "vendor/[email protected]/standard_fonts/LiberationSans-Italic.ttf": "832b4406dbef2362",
   "vendor/[email protected]/standard_fonts/LiberationSans-Regular.ttf": "f8ace1f892b2bd9d",
-  "version.json": "782a6ec72a3a6b14",
+  "version.json": "95f45b94571461b2",
   "viewer.js": "648b4479c5b68b93"
 };
 // ===== END GENERATED =====

app/version.json

@@ -1,5 +1,5 @@
 {
-  "v": "d09cc9d265bd",
+  "v": "6ad723ed68d8",
   "js": [
     "embed.js",
     "export.js",

index.html

@@ -54,7 +54,7 @@ <h2>Exit ticket</h2>
   <div class="lines"><div></div><div></div><div></div><div></div></div>
   <div class="foot">OverBoard · page 2 / 2 · Your ink saves in this browser only. Nothing is uploaded.</div>
 </div>
-<!-- ===== INK OVERLAY START (v32) =====
+<!-- ===== INK OVERLAY START (v33) =====
   Smartboard writing layer. Paste this whole block just before </body> in any .html file.
   SMART BOARD: pen tip writes. Palm, fist or side of hand erases (the board reports it as an eraser).
   Finger (and the round end of the SMART pen) scrolls the page; the "Finger" button switches it to drawing if you lose the pen.

overlay/ink_overlay.html

@@ -1,4 +1,4 @@
-<!-- ===== INK OVERLAY START (v32) =====
+<!-- ===== INK OVERLAY START (v33) =====
   Smartboard writing layer. Paste this whole block just before </body> in any .html file.
   SMART BOARD: pen tip writes. Palm, fist or side of hand erases (the board reports it as an eraser).
   Finger (and the round end of the SMART pen) scrolls the page; the "Finger" button switches it to drawing if you lose the pen.

tests/report.spec.js

@@ -35,6 +35,7 @@ test('each step records what actually arrives, even the wrong input, and Next al
   await openReport(page);
   await press(page, 'start');
   await expect(page.locator('#steps .count')).toHaveText('Step 1 of 5');
+  expect(await page.evaluate(() => getComputedStyle(document.body).touchAction)).toBe('none');   // drawing steps: a finger draws
   // the finger step gets the pen (a board that reports fingers as a pen)
   await line(page, 100); await line(page, 200);
   expect(await seen(page)).toBe('✓ Got it! I saw 2 lines.');
@@ -53,6 +54,9 @@ test('each step records what actually arrives, even the wrong input, and Next al
   expect(await seen(page)).toContain('Something happened, but not a line');
   await press(page, 'next');
   await expect(page.locator('[data-screen="questions"]')).toBeVisible();
+  // the questions and Send screens scroll with a finger, so a teacher can finish at the board
+  const touchAction = () => page.evaluate(() => getComputedStyle(document.body).touchAction);
+  expect(await touchAction()).toBe('pan-y');
 
   const r = await page.evaluate(() => window.__obReport());
   const step = (id) => r.steps.find((s) => s.id === id);