fix(modal): scroll behaviour contain
This commit is contained in:
@ -1,5 +1,11 @@
|
|||||||
# Changelog
|
# 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)
|
## 2025-06-26 - 1.10.0 - feat(dees-modal)
|
||||||
Add mobileFullscreen option to modals for full-screen mobile support
|
Add mobileFullscreen option to modals for full-screen mobile support
|
||||||
|
|
||||||
|
@ -3,6 +3,6 @@
|
|||||||
*/
|
*/
|
||||||
export const commitinfo = {
|
export const commitinfo = {
|
||||||
name: '@design.estate/dees-catalog',
|
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.'
|
description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
|
||||||
}
|
}
|
||||||
|
@ -147,6 +147,7 @@ export class DeesModal extends DeesElement {
|
|||||||
margin: 20px;
|
margin: 20px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
overscroll-behavior: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Width variations */
|
/* Width variations */
|
||||||
@ -269,6 +270,7 @@ export class DeesModal extends DeesElement {
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
overscroll-behavior: contain;
|
||||||
}
|
}
|
||||||
.modal .bottomButtons {
|
.modal .bottomButtons {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
Reference in New Issue
Block a user