@morscherlab/mint-sdk 1.4.0-beta.16 → 1.4.0-beta.17

package/dist/styles.css

@@ -701,6 +701,22 @@ body {
   transition: background-color 0.15s, color 0.15s;
 }
 
+/* No page-level rubber-band bounce or pull-to-refresh; overflow: hidden does
+   not stop it. Panels still scroll, and their overscroll stops at their own
+   edge. A browser tab keeps the horizontal swipe for back and forward; an
+   installed PWA has no history swipe, so it drops both axes. */
+html,
+body {
+  overscroll-behavior-y: none;
+}
+
+@media (display-mode: standalone) {
+  html,
+  body {
+    overscroll-behavior: none;
+  }
+}
+
 code, pre {
   font-family: var(--font-mono);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morscherlab/mint-sdk",
-  "version": "1.4.0-beta.16",
+  "version": "1.4.0-beta.17",
   "description": "MINT Platform SDK — Vue 3 components, composables, and types for plugin development. MINT = Mass-spec INtegrated Toolkit.",
   "type": "module",
   "main": "./dist/index.js",

package/src/__tests__/styles/v2AuditRules.test.ts

@@ -20,6 +20,14 @@ function rule(text: string, selector: string): string {
 const rem = (value: string): number => Number(value.replace('rem', '')) * 16
 
 describe('v2 audit style rules', () => {
+  it('should stop the page bounce in a tab vertically and in a PWA on both axes', () => {
+    const variables = css('variables.css')
+    expect(rule(variables, 'html,\nbody')).toMatch(/overscroll-behavior-y:\s*none/)
+    expect(variables).toMatch(
+      /@media \(display-mode: standalone\)\s*\{\s*html,\s*body\s*\{\s*overscroll-behavior:\s*none;\s*\}/,
+    )
+  })
+
   it('should keep the outermost cards at least 16px from the window edge', () => {
     const inset = /--mint-page-inset:\s*([\d.]+rem)/.exec(css('variables.css'))?.[1] ?? '0rem'
     expect(rem(inset)).toBeGreaterThanOrEqual(16)

package/src/styles/variables.css

@@ -393,6 +393,22 @@ body {
   transition: background-color 0.15s, color 0.15s;
 }
 
+/* No page-level rubber-band bounce or pull-to-refresh; overflow: hidden does
+   not stop it. Panels still scroll, and their overscroll stops at their own
+   edge. A browser tab keeps the horizontal swipe for back and forward; an
+   installed PWA has no history swipe, so it drops both axes. */
+html,
+body {
+  overscroll-behavior-y: none;
+}
+
+@media (display-mode: standalone) {
+  html,
+  body {
+    overscroll-behavior: none;
+  }
+}
+
 code, pre {
   font-family: var(--font-mono);
 }