Issue #3473962 by mferanda: Cannot use tab to navigate over to AI, describe my image!

js/aidmi_ckeditor.js

@@ -55,8 +55,15 @@ let aidmiEditedText;
       const callback = (mutationsList) => {
         mutationsList.forEach((mutation) => {    
           if (mutation.type === 'attributes') {
-            const regex = /^ck-labeled-field-view/;
+            // Find id starting with...
+            let regex = /^ck-labeled-field-view/;
             if (typeof mutation.target !== 'undefined' && regex.test(mutation.target.id)) {
+              const existingButton = document.querySelector('.aidmi-button');  // Check if the button already exists.
+              // Find in old class value.
+              regex = /ck-input_focused/;
+              if (regex.test(mutation.oldValue)) {
+                existingButton.focus();
+              }
               altTextField = mutation.target;
               imgTag = aidmiActiveEditorInstance.data.stringify(aidmiActiveEditorInstance.model.getSelectedContent(aidmiActiveEditorInstance.model.document.selection));
               if (altTextField) {
@@ -96,7 +103,7 @@ let aidmiEditedText;
           button.classList.add('link-icon');   
 
           // Make sure the button is focusable via keyboard (part of tabbing order).
-          button.setAttribute('tabindex', '0');          
+          button.setAttribute('tabindex', '1');          
           // Add ARIA attributes for accessibility
           button.setAttribute('role', 'button');
           button.setAttribute('aria-label', 'AI, describe my image button');
@@ -115,8 +122,6 @@ let aidmiEditedText;
                           openOffCanvasDialog(data, (isConfirmed) => {
                             if (isConfirmed) {
                               // Check if the imgTag has an alt attribute.   
-                              console.log(isConfirmed);
-                              console.log('nope');
                               updateImageAltInCKEditor(ckEditorInstance, imgUuid, aidmiEditedText);
                             }
                           });
@@ -136,8 +141,6 @@ let aidmiEditedText;
             // Set focus on the button explicitly to ensure it's reachable by keyboard.
             button.focus();
         } else {
-          // Set focus on the existing button.
-          existingButton.focus();
         }
       }