diff --git a/.changeset/lemon-ties-grow.md b/.changeset/lemon-ties-grow.md new file mode 100644 index 00000000000..2a9bd8b830f --- /dev/null +++ b/.changeset/lemon-ties-grow.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Fixed a bug where iOS 16 font patch wasn't added for mobile app web views diff --git a/polaris-react/src/components/AppProvider/AppProvider.tsx b/polaris-react/src/components/AppProvider/AppProvider.tsx index 38a0d36af64..587bfb7b282 100644 --- a/polaris-react/src/components/AppProvider/AppProvider.tsx +++ b/polaris-react/src/components/AppProvider/AppProvider.tsx @@ -113,7 +113,13 @@ export class AppProvider extends Component { navigator.userAgent.includes('Version/16.2') || navigator.userAgent.includes('Version/16.3')); - if (isSafari16) { + const isMobileApp16 = + navigator.userAgent.includes('Shopify Mobile/iOS') && + (navigator.userAgent.includes('OS 16_1') || + navigator.userAgent.includes('OS 16_2') || + navigator.userAgent.includes('OS 16_3')); + + if (isSafari16 || isMobileApp16) { document.documentElement.classList.add( 'Polaris-Safari-16-Font-Optical-Sizing-Patch', );