From 398b542652bed28de11736b0949083d71847a7ce Mon Sep 17 00:00:00 2001
From: diondiondion <mail@diondiondion.com>
Date: Sun, 20 Sep 2026 18:33:16 +0000
Subject: [PATCH] Redesign: Prevent page zoom on Safari iOS when focusing new
 composer (#40608)

---
 .../mastodon/components/lockup/styles.module.scss           | 1 +
 .../mastodon/features/compose/redesign/styles.module.scss   | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/app/javascript/mastodon/components/lockup/styles.module.scss b/app/javascript/mastodon/components/lockup/styles.module.scss
index b80551c350c..1e47b76c74d 100644
--- a/app/javascript/mastodon/components/lockup/styles.module.scss
+++ b/app/javascript/mastodon/components/lockup/styles.module.scss
@@ -32,6 +32,7 @@
     background: none;
     font: inherit;
     text-decoration: none;
+    text-align: start;
 
     &:hover {
       text-decoration: underline;
diff --git a/app/javascript/mastodon/features/compose/redesign/styles.module.scss b/app/javascript/mastodon/features/compose/redesign/styles.module.scss
index 157c2869136..0f31d4f6a71 100644
--- a/app/javascript/mastodon/features/compose/redesign/styles.module.scss
+++ b/app/javascript/mastodon/features/compose/redesign/styles.module.scss
@@ -120,6 +120,12 @@
   @include mixins.type-body;
 
   padding: var(--space-2);
+
+  // Prevent automatic page zoom in Safari when focusing
+  // text fields with font-sizes below 16px
+  @media (width <= #{variables.$mobile-menu-breakpoint}) {
+    font-size: var(--fs-16);
+  }
 }
 
 .textarea {