fix: iOS 16 font patch for web views (#11725)

Shopify · Mar 13, 2024 · 3e011e3 · 3e011e3
1 parent c3ba6ae
commit 3e011e3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/lemon-ties-grow.md 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
@@ -113,7 +113,13 @@ export class AppProvider extends Component<AppProviderProps, State> {
           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',
         );