From 61752d9ff0fdc4ec69d3947c64ffbfc1069a8194 Mon Sep 17 00:00:00 2001
From: "julia.kirschenheuter" <julia.kirschenheuter@nextcloud.com>
Date: Thu, 17 Feb 2022 15:31:29 +0100
Subject: [PATCH] Change appearance of the slot "icon" at AppNavigationItem

change appearance of the slot "icon": instead of removing the icon-slot from DOM the icon-slot will be hidden. This is needed to keep the focus on the element inside of slot.

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
---
 src/components/AppNavigationItem/AppNavigationItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/AppNavigationItem/AppNavigationItem.vue b/src/components/AppNavigationItem/AppNavigationItem.vue
index ea1df88450..b97344f753 100644
--- a/src/components/AppNavigationItem/AppNavigationItem.vue
+++ b/src/components/AppNavigationItem/AppNavigationItem.vue
@@ -133,7 +133,7 @@ Just set the `pinned` prop.
 			<!-- never show the icon over the collapsible if mobile -->
 			<div :class="{ 'icon-loading-small': loading, [icon]: icon && isIconShown }"
 				class="app-navigation-entry-icon">
-				<slot v-if="!loading" v-show="isIconShown" name="icon" />
+				<slot v-show="!loading && isIconShown" name="icon" />
 			</div>
 			<span v-if="!editingActive" class="app-navigation-entry__title" :title="title">
 				{{ title }}