From 2a16ffbd18b7da5298f1163313ebca453ad9a9b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20H=C3=B8egh?= <tobias@tujo.no>
Date: Wed, 27 Nov 2024 22:55:14 +0100
Subject: [PATCH] fix(Typography): ensure Safari on iOS gets a root font-size
 of 15px instead of 17px

---
 packages/dnb-eufemia/src/style/core/scopes.scss      | 11 +++++++----
 .../src/style/themes/theme-ui/ui-theme-basis.scss    | 12 ++++++++++++
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/packages/dnb-eufemia/src/style/core/scopes.scss b/packages/dnb-eufemia/src/style/core/scopes.scss
index 37198dfb425..c6538316566 100644
--- a/packages/dnb-eufemia/src/style/core/scopes.scss
+++ b/packages/dnb-eufemia/src/style/core/scopes.scss
@@ -69,14 +69,17 @@
 
 @mixin htmlDefault() {
   html {
+    font-size: 100%;
+
     &:not([data-visual-test]) {
       scroll-behavior: smooth;
     }
-    font-size: 100%;
 
-    // IS_SAFARI_MOBILE
-    @supports (-webkit-touch-callout: none) {
-      @supports (font: -apple-system-body) {
+    // In order to let Safari know the font-size set on the system level
+    @supports (font: -apple-system-body) {
+      // Safari on iOS
+      @supports (-webkit-touch-callout: none) {
+        // Sets the base font-size to 17px
         font: -apple-system-body; /* stylelint-disable-line */
       }
     }
diff --git a/packages/dnb-eufemia/src/style/themes/theme-ui/ui-theme-basis.scss b/packages/dnb-eufemia/src/style/themes/theme-ui/ui-theme-basis.scss
index f9aa7cac264..813413be984 100644
--- a/packages/dnb-eufemia/src/style/themes/theme-ui/ui-theme-basis.scss
+++ b/packages/dnb-eufemia/src/style/themes/theme-ui/ui-theme-basis.scss
@@ -7,3 +7,15 @@
 @import './fonts.scss';
 @import './ui-theme-elements.scss';
 @import './globals.scss';
+
+html {
+  // In order to let Safari know the font-size set on the system level
+  // Because the default font-size is 18px, we lower the basis font-size to 15px instead of 17px
+  @supports (font: -apple-system-subheadline) {
+    // Safari on iOS
+    @supports (-webkit-touch-callout: none) {
+      // Sets the base font-size to 15px
+      font: -apple-system-subheadline; /* stylelint-disable-line */
+    }
+  }
+}