From 115796c3c56a22d3c50d750f365b55181b7aebc0 Mon Sep 17 00:00:00 2001
From: Ulas Kalayci <ulas.kalayci@googlemail.com>
Date: Wed, 29 Apr 2026 16:36:53 +0200
Subject: [PATCH] fix: use overflow: clip on page roots to allow sticky toolbar
 positioning

---
 public/styles/calendar.css | 2 +-
 public/styles/contacts.css | 2 +-
 public/styles/notes.css    | 2 +-
 public/styles/shopping.css | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/styles/calendar.css b/public/styles/calendar.css
index 0e25fc6..d3199ec 100644
--- a/public/styles/calendar.css
+++ b/public/styles/calendar.css
@@ -18,7 +18,7 @@
   height: calc(100dvh - var(--safe-area-inset-top) - var(--nav-bottom-height) - var(--safe-area-inset-bottom));
   max-width: var(--content-max-width);
   margin: 0 auto;
-  overflow: hidden;
+  overflow: clip;
 }
 
 @media (min-width: 1024px) {
diff --git a/public/styles/contacts.css b/public/styles/contacts.css
index d1dd325..c179f0c 100644
--- a/public/styles/contacts.css
+++ b/public/styles/contacts.css
@@ -18,7 +18,7 @@
   height: calc(100dvh - var(--safe-area-inset-top) - var(--nav-bottom-height) - var(--safe-area-inset-bottom));
   max-width: var(--content-max-width);
   margin: 0 auto;
-  overflow: hidden;
+  overflow: clip;
 }
 
 @media (min-width: 1024px) {
diff --git a/public/styles/notes.css b/public/styles/notes.css
index d4a81aa..d7796a6 100644
--- a/public/styles/notes.css
+++ b/public/styles/notes.css
@@ -18,7 +18,7 @@
   height: calc(100dvh - var(--safe-area-inset-top) - var(--nav-bottom-height) - var(--safe-area-inset-bottom));
   max-width: var(--content-max-width);
   margin: 0 auto;
-  overflow: hidden;
+  overflow: clip;
 }
 
 @media (min-width: 1024px) {
diff --git a/public/styles/shopping.css b/public/styles/shopping.css
index 4109275..f080d13 100644
--- a/public/styles/shopping.css
+++ b/public/styles/shopping.css
@@ -18,7 +18,7 @@
   height: calc(100dvh - var(--safe-area-inset-top) - var(--nav-bottom-height) - var(--safe-area-inset-bottom));
   max-width: var(--content-max-width);
   margin: 0 auto;
-  overflow: hidden;
+  overflow: clip;
 }
 
 @media (min-width: 1024px) {