Scroll to top of worksheet group instead of middle

Not smooth anymore but I don't think you can do that easily.
danielchalmers · Nov 26, 2023 · 98cce90 · 98cce90
1 parent 6d91b5d
commit 98cce90
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/JournalApp/Components/Pages/Worksheets/WorksheetsDialog.razor b/JournalApp/Components/Pages/Worksheets/WorksheetsDialog.razor
@@ -1,6 +1,7 @@
 @namespace JournalApp
 @inject IDialogService DialogService
 @inject IScrollManager ScrollManager
+@inject IJSRuntime JSRuntime
 @inject PageService PageService
 
 <MudDialog DefaultFocus="DefaultFocus.None">
@@ -77,6 +78,6 @@
 
 	async Task GoToGroup(string key)
 	{
-		await ScrollManager.ScrollIntoViewAsync($"#worksheet-group-key-{key}", ScrollBehavior.Smooth);
+		await JSRuntime.InvokeVoidAsyncIgnoreErrors("scrollToElementInsideDialog", $"#worksheet-group-key-{key}");
 	}
 }
diff --git a/JournalApp/wwwroot/index.html b/JournalApp/wwwroot/index.html
@@ -30,6 +30,12 @@
 	<script src="_framework/blazor.webview.js" autostart="false"></script>
 	<script src="_content/MudBlazor/MudBlazor.min.js"></script>
 
+	<script>
+		window.scrollToElementInsideDialog = (elementSelector) => {
+			document.querySelector(".mud-dialog").scrollTop = document.querySelector(elementSelector).offsetTop;
+		}
+	</script>
+
 </body>
 
 </html>