Ensure [Tab]-nav flow works properly when leaving Options button

KDS commit 047379f579ad7067381a9576edc21abd12ad8378 is a req for this change
learningequality · Nov 16, 2023 · de03dd1 · de03dd1
1 parent 4e760ec
commit de03dd1
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/CreateQuizSection.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/CreateQuizSection.vue
@@ -154,14 +154,14 @@
                   :disabled="false"
                   :hasIcons="true"
                   :options="activeSectionActions"
+                  @tab="e => (e.preventDefault() || $refs.selectAllCheckbox.focus())"
                   @select="handleActiveSectionAction"
                 />
               </template>
             </KButton>
           </KGridItem>
         </KGrid>
 
-
         <AccordionContainer
           :items="quizForge.activeQuestions.value"
           @toggled="items => expandedQuestionIds = items"
@@ -173,6 +173,7 @@
                 :layout12="{ span: 6 }"
               >
                 <KCheckbox
+                  ref="selectAllCheckbox"
                   class="select-all-box"
                   :label="quizForge.selectAllLabel.value"
                   :checked="quizForge.allQuestionsSelected.value"