Redesign: Fix page partially visible behind composer on Safari iOS (#40705)

2026-09-29 00:38:18 -05:00 · 2026-09-25 15:24:55 +00:00
parent fe2ea1342c
commit a4ac5f5670
1 changed files with 12 additions and 0 deletions
--- 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 {