diff --git a/CHANGELOG.md b/CHANGELOG.md index b0bc644f7c..1111315297 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -32,6 +32,7 @@ Notes: web developers are advised to use [`~` (tilde range)](https://github.com/ - Improved performance for `BasicTranscript`, in PR [5183](https://github.com/microsoft/BotFramework-WebChat/pull/5183), by [@OEvgeny](https://github.com/OEvgeny) - Fixed potential memory usage issues caused by `useActivitiesWithRenderer`, in PR [5183](https://github.com/microsoft/BotFramework-WebChat/pull/5183), by [@OEvgeny](https://github.com/OEvgeny) - Improved performance for `useMemoized`, in PR [5190](https://github.com/microsoft/BotFramework-WebChat/pull/5190), by [@OEvgeny](https://github.com/OEvgeny) +- Fixed send box zoomed in when clicked on mobile Safari, in PR [5192](https://github.com/microsoft/BotFramework-WebChat/pull/5192), by [@OEvgeny](https://github.com/OEvgeny) ### Changed diff --git a/__tests__/__image_snapshots__/html/simple-coarse-pointer-js-fluent-theme-applied-should-handle-coarse-pointer-1-snap.png b/__tests__/__image_snapshots__/html/simple-coarse-pointer-js-fluent-theme-applied-should-handle-coarse-pointer-1-snap.png new file mode 100644 index 0000000000..eb8d7bf3be Binary files /dev/null and b/__tests__/__image_snapshots__/html/simple-coarse-pointer-js-fluent-theme-applied-should-handle-coarse-pointer-1-snap.png differ diff --git a/__tests__/__image_snapshots__/html/simple-coarse-pointer-js-fluent-theme-applied-should-handle-coarse-pointer-2-snap.png b/__tests__/__image_snapshots__/html/simple-coarse-pointer-js-fluent-theme-applied-should-handle-coarse-pointer-2-snap.png new file mode 100644 index 0000000000..2eefcc743b Binary files /dev/null and b/__tests__/__image_snapshots__/html/simple-coarse-pointer-js-fluent-theme-applied-should-handle-coarse-pointer-2-snap.png differ diff --git a/__tests__/html/fluentTheme/simple.coarsePointer.html b/__tests__/html/fluentTheme/simple.coarsePointer.html new file mode 100644 index 0000000000..951b3b3e4f --- /dev/null +++ b/__tests__/html/fluentTheme/simple.coarsePointer.html @@ -0,0 +1,61 @@ + + +
+ + + + + + + + + + + + + + diff --git a/__tests__/html/fluentTheme/simple.coarsePointer.js b/__tests__/html/fluentTheme/simple.coarsePointer.js new file mode 100644 index 0000000000..692b7f7d03 --- /dev/null +++ b/__tests__/html/fluentTheme/simple.coarsePointer.js @@ -0,0 +1,5 @@ +/** @jest-environment ./packages/test/harness/src/host/jest/WebDriverEnvironment.js */ + +describe('Fluent theme applied', () => { + test('should handle coarse pointer', () => runHTML('fluentTheme/simple.coarsePointer')); +}); diff --git a/packages/fluent-theme/src/components/sendBox/SendBox.module.css b/packages/fluent-theme/src/components/sendBox/SendBox.module.css index c91ce365f8..f26f96c45c 100644 --- a/packages/fluent-theme/src/components/sendBox/SendBox.module.css +++ b/packages/fluent-theme/src/components/sendBox/SendBox.module.css @@ -79,6 +79,13 @@ outline: none; padding: 4px 4px 0; resize: none; + + /* Prevent zoom on focus on iOS */ + @media only screen and (hover: none) and (pointer: coarse) { + &:focus-within { + font-size: 16px; + } + } } :global(.webchat-fluent) .sendbox__sendbox-controls {