From 4d0f2da3e0482231a59c743d271ec95be97dde63 Mon Sep 17 00:00:00 2001
From: Christopher Ng <chrng8@gmail.com>
Date: Tue, 25 Mar 2025 14:31:44 -0700
Subject: [PATCH] perf(settings): Make scrolling smooth when a large number of
 groups are rendered

Signed-off-by: Christopher Ng <chrng8@gmail.com>
---
 apps/settings/src/views/UserManagementNavigation.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/settings/src/views/UserManagementNavigation.vue b/apps/settings/src/views/UserManagementNavigation.vue
index f86ce6d87f8..32c033dbf71 100644
--- a/apps/settings/src/views/UserManagementNavigation.vue
+++ b/apps/settings/src/views/UserManagementNavigation.vue
@@ -3,7 +3,8 @@
   - SPDX-License-Identifier: AGPL-3.0-or-later
 -->
 <template>
-	<NcAppNavigation :aria-label="t('settings', 'Account management')">
+	<NcAppNavigation class="account-management__navigation"
+		:aria-label="t('settings', 'Account management')">
 		<NcAppNavigationNew button-id="new-user-button"
 			:text="t('settings','New account')"
 			@click="showNewUserMenu"
@@ -149,7 +150,12 @@ function showNewUserMenu() {
 </script>
 
 <style scoped lang="scss">
-.account-management{
+.account-management {
+	&__navigation {
+		:deep(.app-navigation__body) {
+			will-change: scroll-position;
+		}
+	}
 	&__system-list {
 		height: auto !important;
 		overflow: visible !important;