From 6d08f96c95c1b8f789a0e3fe3728190d3e5a0f3b Mon Sep 17 00:00:00 2001
From: Dalin Akrasi <Dalin.Akrasi@hee.nhs.uk>
Date: Thu, 24 Oct 2024 15:16:53 +0100
Subject: [PATCH] Make content of Change Catalogue menu interactive

---
 .../Scripts/vuesrc/mycontributions/mycontributions.vue        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/LearningHub.Nhs.WebUI/Scripts/vuesrc/mycontributions/mycontributions.vue b/LearningHub.Nhs.WebUI/Scripts/vuesrc/mycontributions/mycontributions.vue
index 4065e9a3e..2ac4483e8 100644
--- a/LearningHub.Nhs.WebUI/Scripts/vuesrc/mycontributions/mycontributions.vue
+++ b/LearningHub.Nhs.WebUI/Scripts/vuesrc/mycontributions/mycontributions.vue
@@ -11,13 +11,13 @@
                         Role: Editor
                     </div>
                 </div>
-                <div class="d-block d-md-inline-block pl-md-4 pt-3 pt-md-0" v-if="userCatalogues && userCatalogues.length>1">
+                <div class="d-block d-md-inline-block pl-md-4 pt-3 pt-md-0" v-if="userCatalogues && userCatalogues.length > 1">
                     <div class="dropdown catalogue-dropdown">
                         <a class="dropdown-toggle" href="#" role="button" id="dropdownCatalogueSelect" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                             Change catalogue
                         </a>
                         <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownCatalogueSelect">
-                            <a v-for="catalogue in userCatalogues" class="dropdown-item" @click="catalogueChange(catalogue.id, catalogue.nodeId)">{{getCatalogueName(catalogue)}}</a>
+                            <a v-for="(catalogue, index) in userCatalogues" class="dropdown-item" @click="catalogueChange(catalogue.id, catalogue.nodeId)" :tabindex="index">{{getCatalogueName(catalogue)}}</a>
                         </div>
                     </div>
                 </div>