@wistia/ui 1.11.0 → 1.11.1-beta.d3e77937.ffa0c74

package/dist/index.js

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v1.11.0
+ * @license @wistia/ui v1.11.1-beta.d3e77937.ffa0c74
  *
  * Copyright (c) 2024-2026, Wistia, Inc. and its affiliates.
  *
@@ -9401,6 +9401,23 @@ const inputShellCss = css`
   font-weight: var(--wui-input-font-weight);
   color: var(--wui-input-color-text);
 
+  /*
+   * Mobile Safari zooms the page whenever a focused form control computes under
+   * 16px. Our inputs use 14px (\`--wui-typography-body-3-font-size\`) by default,
+   * so tapping one scales the whole interface on touch devices. Floor the font
+   * size to 16px on coarse pointers to suppress the zoom while keeping the
+   * designed size everywhere else. \`max()\` guards against a consumer that sets a
+   * larger \`--wui-input-font-size\` — we never shrink below the token value.
+   *
+   * \`any-pointer: coarse\` (not \`pointer: coarse\`): an iPad with a Magic Keyboard
+   * reports a fine PRIMARY pointer but still has a zooming touchscreen. Avoid
+   * \`user-scalable=no\`/\`maximum-scale=1\`, which disable pinch-to-zoom and fail
+   * WCAG 1.4.4.
+   */
+  @media (any-pointer: coarse) {
+    font-size: max(16px, var(--wui-input-font-size));
+  }
+
   &:focus,
   &[aria-expanded='true'] {
     outline-width: 2px;