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

Author: ArgoZhang

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>

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');
 }