fix(components): [message-box] disable page scroll when dialog open (element-plus#22981)

rzzf · web-flow · commit ddcae6366537 · 2025-12-02T12:33:38.000+01:00
diff --git a/packages/theme-chalk/src/message-box.scss b/packages/theme-chalk/src/message-box.scss
@@ -189,6 +189,12 @@
   }
 }
 
+@include b(message-box-parent) {
+  @include m(hidden) {
+    overflow: hidden;
+  }
+}
+
 .fade-in-linear-enter-active {
   .#{$namespace}-overlay-message-box {
     animation: msgbox-fade-in getCssVar('transition-duration');

Original file line number	Diff line number	Diff line change
`@@ -189,6 +189,12 @@`
`189`	`189`	`}`
`190`	`190`	`}`
`191`	`191`
	`192`	`+@include b(message-box-parent) {`
	`193`	`+ @include m(hidden) {`
	`194`	`+ overflow: hidden;`
	`195`	`+ }`
	`196`	`+}`
	`197`	`+`
`192`	`198`	`.fade-in-linear-enter-active {`
`193`	`199`	`.#{$namespace}-overlay-message-box {`
`194`	`200`	`animation: msgbox-fade-in getCssVar('transition-duration');`