Merge pull request #20281 from calixteman/comment_dialog_focus

[Editor] Fix the focus outline for the comment dialog buttons

Author: timvandermeij

web/comment_manager.css

@@ -37,11 +37,6 @@
     align-items: flex-start;
     gap: 4px;
 
-    *:focus-visible {
-      outline: 2px solid var(--comment-focus-outline-color);
-      outline-offset: 0;
-    }
-
     #commentManagerToolbar {
       width: 100%;
       height: 32px;

web/viewer.html

@@ -792,12 +792,12 @@
         </div>
       </dialog>
 
-      <dialog class="dialog commentManager" id="commentManagerDialog">
+      <dialog class="dialog commentManager" id="commentManagerDialog" aria-labelledby="commentManagerTitle">
         <div class="mainContainer">
           <div class="title" id="commentManagerToolbar">
-            <span id="commentManagerTitle" role="sectionhead" data-l10n-id="pdfjs-editor-edit-comment-dialog-title-when-adding" tabindex="0"></span>
+            <span id="commentManagerTitle" role="sectionhead" data-l10n-id="pdfjs-editor-edit-comment-dialog-title-when-adding"></span>
           </div>
-          <textarea id="commentManagerTextInput" data-l10n-id="pdfjs-editor-edit-comment-dialog-text-input"></textarea>
+          <textarea id="commentManagerTextInput" data-l10n-id="pdfjs-editor-edit-comment-dialog-text-input" tabindex="0"></textarea>
           <div class="dialogButtonsGroup">
             <button id="commentManagerCancelButton" type="button" class="secondaryButton" tabindex="0">
               <span data-l10n-id="pdfjs-editor-edit-comment-dialog-cancel-button"></span>