Behebt das Scrollproblem des iframes durch Festlegen der Höhe mit Viewport-Einheiten, um eine ordnungsgemäße interne Scroll-Verarbeitung zu gewährleisten.

EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml

@@ -16,6 +16,7 @@
     var stPageIndexes = string.Join(pages.Count() > 1 ? ", " : "", pages.Take(pages.Count() - 1))
                   + (pages.Count() > 1 ? " und " : "") + pages.LastOrDefault();
 }
+<div class="d-flex flex-column min-vh-100">
     <nav class="navbar navbar-light bg-light">
         <div class="container-fluid">
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
@@ -44,6 +45,8 @@
                 </div>
             </div>
         </div>
+    </div>@* <button class="btn btn-success position-fixed bottom-0 end-0 mb-5 me-5" type="button">Abschließen</button> *@
+    <div id='app' class="flex-grow-1"></div>
 </div>
 <script nonce="@nonce">
     const collapseNav = () => {
@@ -71,4 +74,3 @@
     @:document.addEventListener("DOMContentLoaded", async () => await new App("@envelopeKey.TrySanitize(_sanitizer)", @Html.Raw(envelopeReceiverJson.TrySanitize(_sanitizer)), B64ToBuff("@Html.Raw(documentBase64String.TrySanitize(_sanitizer))"), "@ViewData["PSPDFKitLicenseKey"]").init())
 }
 </script>
-<div id='app'></div>

EnvelopeGenerator.Web/wwwroot/css/site.css

@@ -4,14 +4,13 @@
 */
 
 /* Toolbar Buttons */
-
 #app {
     background: gray;
     width: 100vw;
-    height: 100vh;
-    margin: 0 auto;
+    height: 1vh;
 }
 
+
 .button-finish {
     transition: background-color linear 300ms;
     background-color: #059669; /* emerald-600 */