@wistia/ui 1.11.0 → 1.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/index.js +18 -1
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 1.11.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#4167](https://github.com/wistia/vhs/pull/4167) [`1b23187`](https://github.com/wistia/vhs/commit/1b23187d5581be2296fc08919518b34a0896036b) Thanks [@wistia-wizard](https://github.com/apps/wistia-wizard)! - Prevent iOS Safari from zooming when focusing inputs and textareas. Shared input styling now floors the font size to 16px on coarse-pointer (touch) devices via `@media (any-pointer: coarse)`, since mobile Safari auto-zooms any focused form control that computes under 16px. Desktop keeps its designed 14px, and pinch-to-zoom is unaffected.
|
|
8
|
+
|
|
3
9
|
## 1.11.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v1.11.
|
|
3
|
+
* @license @wistia/ui v1.11.1
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2026, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -9401,6 +9401,23 @@ const inputShellCss = css`
|
|
|
9401
9401
|
font-weight: var(--wui-input-font-weight);
|
|
9402
9402
|
color: var(--wui-input-color-text);
|
|
9403
9403
|
|
|
9404
|
+
/*
|
|
9405
|
+
* Mobile Safari zooms the page whenever a focused form control computes under
|
|
9406
|
+
* 16px. Our inputs use 14px (\`--wui-typography-body-3-font-size\`) by default,
|
|
9407
|
+
* so tapping one scales the whole interface on touch devices. Floor the font
|
|
9408
|
+
* size to 16px on coarse pointers to suppress the zoom while keeping the
|
|
9409
|
+
* designed size everywhere else. \`max()\` guards against a consumer that sets a
|
|
9410
|
+
* larger \`--wui-input-font-size\` — we never shrink below the token value.
|
|
9411
|
+
*
|
|
9412
|
+
* \`any-pointer: coarse\` (not \`pointer: coarse\`): an iPad with a Magic Keyboard
|
|
9413
|
+
* reports a fine PRIMARY pointer but still has a zooming touchscreen. Avoid
|
|
9414
|
+
* \`user-scalable=no\`/\`maximum-scale=1\`, which disable pinch-to-zoom and fail
|
|
9415
|
+
* WCAG 1.4.4.
|
|
9416
|
+
*/
|
|
9417
|
+
@media (any-pointer: coarse) {
|
|
9418
|
+
font-size: max(16px, var(--wui-input-font-size));
|
|
9419
|
+
}
|
|
9420
|
+
|
|
9404
9421
|
&:focus,
|
|
9405
9422
|
&[aria-expanded='true'] {
|
|
9406
9423
|
outline-width: 2px;
|