Fixed focus in ref when go to collection

Lemoncode · Apr 19, 2024 · bb0b512 · bb0b512
1 parent 80f48f5
commit bb0b512
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/...canvas-accessible/components/table-relations-accessible-element-destination.component.tsx b/...canvas-accessible/components/table-relations-accessible-element-destination.component.tsx
@@ -36,10 +36,8 @@ export const TableRelationElementDestination: React.FC<Props> = props => {
 
   const scrollToTablePosition = () => {
     if (destinationTableRef.current) {
-      destinationTableRef.current.scrollIntoView({
-        behavior: 'smooth',
-        block: 'center',
-      });
+      destinationTableRef.current.tabIndex = 0;
+      destinationTableRef.current.focus();
     }
   };
 

diff --git a/...ents/canvas-accessible/components/table-relations-accessible-element-origin.component.tsx b/...ents/canvas-accessible/components/table-relations-accessible-element-origin.component.tsx
@@ -30,10 +30,8 @@ export const TableRelationElementOrigin: React.FC<Props> = props => {
 
   const scrollToTablePosition = () => {
     if (originTableRef.current) {
-      originTableRef.current.scrollIntoView({
-        behavior: 'smooth',
-        block: 'center',
-      });
+      originTableRef.current.tabIndex = 0;
+      originTableRef.current.focus();
     }
   };