fix(NcAppNavigation): make toggle button not the first element in foc…

…us-trap Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
nextcloud-libraries · Nov 21, 2023 · d0c8f9a · d0c8f9a
1 parent 5a6637e
commit d0c8f9a
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/NcAppNavigation/NcAppNavigation.vue b/src/components/NcAppNavigation/NcAppNavigation.vue
@@ -57,9 +57,6 @@ emit('toggle-navigation', {
 	<div ref="appNavigationContainer"
 		class="app-navigation"
 		:class="{'app-navigation--close':!open }">
-		<div class="app-navigation__toggle-wrapper">
-			<NcAppNavigationToggle :open="open" @update:open="toggleNavigation" />
-		</div>
 		<nav id="app-navigation-vue"
 			:aria-hidden="open ? 'false' : 'true'"
 			:aria-label="ariaLabel || undefined"
@@ -76,6 +73,9 @@ emit('toggle-navigation', {
 			<!-- Footer for e.g. AppNavigationSettings -->
 			<slot name="footer" />
 		</nav>
+		<div class="app-navigation__toggle-wrapper">
+			<NcAppNavigationToggle :open="open" @update:open="toggleNavigation" />
+		</div>
 	</div>
 </template>