From a4ac5f5670942265804dbb261713e1ff0109a402 Mon Sep 17 00:00:00 2001
From: diondiondion <mail@diondiondion.com>
Date: Fri, 25 Sep 2026 15:24:55 +0000
Subject: [PATCH] Redesign: Fix page partially visible behind composer on
 Safari iOS (#40705)

---
 .../features/compose/redesign/trigger.module.scss    | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/app/javascript/mastodon/features/compose/redesign/trigger.module.scss b/app/javascript/mastodon/features/compose/redesign/trigger.module.scss
index 61045f66ab2..7d928423c5e 100644
--- a/app/javascript/mastodon/features/compose/redesign/trigger.module.scss
+++ b/app/javascript/mastodon/features/compose/redesign/trigger.module.scss
@@ -48,6 +48,18 @@
     max-width: 500px;
     margin: var(--space-4);
   }
+
+  @media (width < #{variables.$mobile-menu-breakpoint}) {
+    // Add a backdrop for the mobile composer to cover up the page
+    // behind the composer that can be visible on Safari iOS
+    &::before {
+      content: '';
+      position: fixed;
+      inset: 0;
+      z-index: -1;
+      background-color: var(--color-bg-primary);
+    }
+  }
 }
 
 .composerMinimized {