fix(ModalDialog): overflow top when set IsDraggable to true (#4995)

* fix(Dialog): 修复高度溢出问题 * chore: bump version 9.2.0-beta01 * chore: bump version 9.2.0-beta02 Co-Authored-By: Ye Jiancong <[email protected]> --------- Co-authored-by: Ye Jiancong <[email protected]>
dotnetcore · Dec 30, 2024 · 3d6591e · 3d6591e
1 parent 44afc80
commit 3d6591e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/BootstrapBlazor/BootstrapBlazor.csproj b/src/BootstrapBlazor/BootstrapBlazor.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.2.0</Version>
+    <Version>9.2.0-beta01</Version>
   </PropertyGroup>
 
   <ItemGroup>

diff --git a/src/BootstrapBlazor/Components/Modal/ModalDialog.razor.js b/src/BootstrapBlazor/Components/Modal/ModalDialog.razor.js
@@ -134,11 +134,17 @@ export function init(id) {
 }
 
 const update = el => {
-    const width = el.offsetWidth / 2;
+
     const height = el.offsetHeight / 2;
+    const marginTop = parseFloat(getComputedStyle(el).marginTop);
+    const viewBoxHeight = window.innerHeight / 2;
+    if (viewBoxHeight - height - marginTop > 0) {
+        el.style.setProperty("margin-top", `calc(50vh - ${height}px)`);
+    }
 
+    const width = el.offsetWidth / 2;
     el.style.setProperty("margin-left", `calc(50vw - ${width}px)`);
-    el.style.setProperty("margin-top", `calc(50vh - ${height}px)`);
+
     el.classList.remove('is-draggable-center');
 }