Fix tab order of editable link

Focus action button after editable text inside link. REDMINE-20673
codevise · Aug 1, 2024 · c4b492b · c4b492b
1 parent 144b0df
commit c4b492b
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/entry_types/scrolled/package/src/frontend/inlineEditing/EditableLink.js b/entry_types/scrolled/package/src/frontend/inlineEditing/EditableLink.js
@@ -24,13 +24,6 @@ export function EditableLink({
 
   return (
     <div className={styles.wrapper}>
-      {isSelected &&
-       <ActionButton text={href ?
-                           t('pageflow_scrolled.inline_editing.change_link_destination') :
-                           t('pageflow_scrolled.inline_editing.select_link_destination')}
-                     icon="link"
-                     position={actionButtonPosition}
-                     onClick={handleButtonClick} />}
       <LinkTooltipProvider disabled={linkPreviewDisabled}
                            position={linkPreviewPosition}
                            align="left"
@@ -39,6 +32,13 @@ export function EditableLink({
           {children}
         </LinkPreview>
       </LinkTooltipProvider>
+      {isSelected &&
+       <ActionButton text={href ?
+                           t('pageflow_scrolled.inline_editing.change_link_destination') :
+                           t('pageflow_scrolled.inline_editing.select_link_destination')}
+                     icon="link"
+                     position={actionButtonPosition}
+                     onClick={handleButtonClick} />}
     </div>
   );
 }