From a3afeb6c54595a47131c82887c4e100c64e1b9ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Thu, 21 Jul 2022 23:47:21 +0200
Subject: [PATCH] Fix: When I visit a link to a status, the user's avatar is
 focused
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 app/soapbox/features/status/components/detailed-status.tsx | 2 +-
 app/soapbox/features/status/index.tsx                      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/features/status/components/detailed-status.tsx b/app/soapbox/features/status/components/detailed-status.tsx
index 393fc58fe..ebdb0be46 100644
--- 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
index 59e225dec..42efb903c 100644
--- 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());
     }
   }