From a57005a49be23f76d6bc6b699f0d7fd647d192ac Mon Sep 17 00:00:00 2001
From: Juergen Kunz <juergen@foss.global>
Date: Fri, 27 Jun 2025 00:18:36 +0000
Subject: [PATCH] fix(modal): scroll behaviour contain

---
 changelog.md                  | 6 ++++++
 ts_web/00_commitinfo_data.ts  | 2 +-
 ts_web/elements/dees-modal.ts | 2 ++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/changelog.md b/changelog.md
index 548029d..b5c3dca 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## 2025-06-27 - 1.10.1 - fix(modal)
+Improve modal overscroll behavior by adding 'overscroll-behavior: contain' to content container
+
+- Added 'overscroll-behavior: contain' to .modal .content to ensure proper scroll containment
+- Applied overscroll-behavior in modal container for enhanced responsiveness on mobile and desktop
+
 ## 2025-06-26 - 1.10.0 - feat(dees-modal)
 Add mobileFullscreen option to modals for full-screen mobile support
 
diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index 279f23b..c88b142 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '1.10.0',
+  version: '1.10.1',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }
diff --git a/ts_web/elements/dees-modal.ts b/ts_web/elements/dees-modal.ts
index 1aa23ed..4ff18c8 100644
--- a/ts_web/elements/dees-modal.ts
+++ b/ts_web/elements/dees-modal.ts
@@ -147,6 +147,7 @@ export class DeesModal extends DeesElement {
         margin: 20px;
         display: flex;
         flex-direction: column;
+        overscroll-behavior: contain;
       }
 
       /* Width variations */
@@ -269,6 +270,7 @@ export class DeesModal extends DeesElement {
         flex: 1;
         overflow-y: auto;
         overflow-x: hidden;
+        overscroll-behavior: contain;
       }
       .modal .bottomButtons {
         display: flex;