Prevent tooltip from appearing by default

1 year ago · 8da38ab2e4
1 changed files with 5 additions and 2 deletions
--- a/src/components/PageComponents/Map/NodeDetail.tsx
+++ b/src/components/PageComponents/Map/NodeDetail.tsx
@ -54,8 +54,11 @@ export const NodeDetail = ({ node }: NodeDetailProps) => {
      <div className="flex gap-2">
        <div className="flex flex-col items-center gap-2 min-w-6 pt-1">
          <Avatar text={shortName} />
-
-          <div>
+          
+          <div onFocusCapture={(e) => {
+            // Required to prevent DM tooltip auto-appearing on creation
+            e.stopPropagation();
+          }}>
            {node.user?.publicKey && node.user?.publicKey.length > 0
              ? (
                <LockIcon