Refine label-has-for fixes: simplify computed ref and reuse focused element

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: rtibblesbot

kolibri/plugins/coach/frontend/views/common/QuestionDetailLearnerList.vue

@@ -91,7 +91,7 @@
           item.focus();
         }
         this.$emit('select', learnerNumber);
-        this.scrollToSelectedLearner(learnerNumber);
+        this.scrollToSelectedLearner(learnerNumber, item);
       },
       isSelected(learnerNumber) {
         return Number(this.selectedLearnerNumber) === learnerNumber;
@@ -102,12 +102,14 @@
       nextLearner(learnerNumber) {
         return learnerNumber + 1 < this.learners.length ? learnerNumber + 1 : 0;
       },
-      scrollToSelectedLearner(learnerNumber) {
-        const selectedElement = this.$refs.learnerList.children[learnerNumber];
-        if (selectedElement) {
+      scrollToSelectedLearner(learnerNumber, selectedElement) {
+        const el =
+          selectedElement !== undefined
+            ? selectedElement
+            : this.$refs.learnerList.children[learnerNumber];
+        if (el) {
           const parent = this.$el.parentElement;
-          parent.scrollTop =
-            selectedElement.offsetHeight * (learnerNumber + 1) - parent.offsetHeight / 2;
+          parent.scrollTop = el.offsetHeight * (learnerNumber + 1) - parent.offsetHeight / 2;
         }
       },
     },

kolibri/plugins/user_auth/frontend/views/SignInPage/PictureLogin/PicturePasswordOption.vue

@@ -81,7 +81,7 @@
       const $themeTokens = themeTokens();
       const $themePalette = themePalette();
 
-      const checkboxId = computed(() => `picture-password-option-${props.icon}`);
+      const checkboxId = `picture-password-option-${props.icon}`;
 
       const isSelected = computed(() => props.sequencePosition !== null);