From 78b0cc06e21a958fac705294de2b3463d3a6e3b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Thu, 8 Oct 2026 21:29:56 +0200
Subject: [PATCH] fix(documents): keep the bulk bar clear of the bottom bar on
 a phone held sideways

The bar dropped to the page edge at md, but the bottom bar follows the
shell and stays on a touch screen held sideways, which left the action
row, Delete included, half under it. Key the drop on shell-desktop and
include the home-indicator inset.
---
 .../documents/__tests__/document-bulk-bar.test.tsx    | 11 +++++++++++
 src/components/documents/document-bulk-bar.tsx        |  5 ++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/documents/__tests__/document-bulk-bar.test.tsx b/src/components/documents/__tests__/document-bulk-bar.test.tsx
index 3ddea1b6c..3c97a94bc 100644
--- a/src/components/documents/__tests__/document-bulk-bar.test.tsx
+++ b/src/components/documents/__tests__/document-bulk-bar.test.tsx
@@ -110,4 +110,15 @@ describe("<DocumentBulkBar>", () => {
     // assertion above is about the visit menu and not about an empty render.
     expect(html).toContain("Link condition");
   });
+
+  it("drops to the page edge only when the bottom bar is gone", () => {
+    // The bar follows the shell, not `md`: a phone held sideways is wider
+    // than `md` and still shows the bottom bar over a `md:` drop.
+    const html = render([]);
+    const cls =
+      html.match(/data-slot="document-bulk-bar"[^>]*class="([^"]*)"/)?.[1] ??
+      "";
+    expect(cls).toContain("shell-desktop:bottom-6");
+    expect(cls).not.toMatch(/(?<![\w-])md:bottom-/);
+  });
 });
diff --git a/src/components/documents/document-bulk-bar.tsx b/src/components/documents/document-bulk-bar.tsx
index cef34e4d4..26283d67e 100644
--- a/src/components/documents/document-bulk-bar.tsx
+++ b/src/components/documents/document-bulk-bar.tsx
@@ -112,7 +112,10 @@ export function DocumentBulkBar({
         role="toolbar"
         aria-label={t("documents.bulk.barLabel")}
         className={cn(
-          "bg-card border-border fixed bottom-20 left-1/2 z-40 -translate-x-1/2 md:bottom-6",
+          // Clear of the bottom bar (and the home indicator) for as long as
+          // the bar shows, which is the shell's call, not a width's: a phone
+          // held sideways is wider than `md` and still has the bar.
+          "bg-card border-border shell-desktop:bottom-6 fixed bottom-[calc(env(safe-area-inset-bottom,0px)+5rem)] left-1/2 z-40 -translate-x-1/2",
           // v1.42 — while a day is docked on the right, the bar sits against
           // the page's right edge instead of the window's centre, clear of the
           // day's footer actions and of an expanded sidebar.