Redesign: Prevent page zoom on Safari iOS when focusing new composer (#40608)

2026-09-27 17:07:48 -05:00 · 2026-09-20 18:33:16 +00:00
parent 3cdcf93dd3
commit 398b542652
2 changed files with 7 additions and 0 deletions
--- 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;
--- 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 {