fix(modal): scroll behaviour contain

This commit is contained in:
Juergen Kunz
2025-06-27 00:18:36 +00:00
parent d67a66662d
commit a57005a49b
3 changed files with 9 additions and 1 deletions

View File

@ -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

View File

@ -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.'
}

View File

@ -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;