Fix: When I visit a link to a status, the user's avatar is focused

Signed-off-by: marcin mikołajczak <[email protected]>
BDX-town · Jul 21, 2022 · a3afeb6 · a3afeb6
1 parent 2941c12
commit a3afeb6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/soapbox/features/status/components/detailed-status.tsx b/app/soapbox/features/status/components/detailed-status.tsx
@@ -127,7 +127,7 @@ class DetailedStatus extends ImmutablePureComponent<IDetailedStatus, IDetailedSt
 
     return (
       <div style={outerStyle}>
-        <div ref={this.setRef} className={classNames('detailed-status', { compact })}>
+        <div ref={this.setRef} className={classNames('detailed-status', { compact })} tabIndex={-1}>
           <div className='mb-4'>
             <AccountContainer
               key={account.id}

diff --git a/app/soapbox/features/status/index.tsx b/app/soapbox/features/status/index.tsx
@@ -644,7 +644,7 @@ class Status extends ImmutablePureComponent<IStatus, IStatusState> {
         offset: -80,
       });
 
-      setImmediate(() => this.status?.querySelector('a')?.focus());
+      setImmediate(() => this.status?.querySelector<HTMLDivElement>('.detailed-status')?.focus());
     }
   }
-Original file line number
+Diff line change
@@ Expand Up @@
             offset: -80,
           });
-          setImmediate(() => this.status?.querySelector('a')?.focus());
+          setImmediate(() => this.status?.querySelector<HTMLDivElement>('.detailed-status')?.focus());
         }
       }
@@ Expand Down @@