Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-05 08:03:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

[Fix] Dropdown focus when app is launching (#563)

Browse source 
fix(Interface): Removed the focus when app is launching
This commit is contained in:
Jules Guesnon 2023-02-09 06:37:25 +09:00 committed by GitHub
parent b94eab8517
commit 07401ac08f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/interface/src/components/layout/Sidebar.tsx
View file

@ -1,7 +1,7 @@
import { ReactComponent as Ellipsis } from '@sd/assets/svgs/ellipsis.svg';
import clsx from 'clsx';
import { CheckCircle, CirclesFour, Gear, Lock, Planet, Plus } from 'phosphor-react';
import React, { PropsWithChildren } from 'react';
import React, { PropsWithChildren, useEffect } from 'react';
import { NavLink, NavLinkProps } from 'react-router-dom';
import {
Location,
@ -51,6 +51,16 @@ export function Sidebar() {
const { library, libraries, isLoading: isLoadingLibraries, switchLibrary } = useCurrentLibrary();
const debugState = useDebugState();
useEffect(() => {
// Prevent the dropdown button to be auto focused on launch
// Hacky but it works
setTimeout(() => {
if (!document.activeElement || !('blur' in document.activeElement)) return;
(document.activeElement.blur as () => void)();
});
});
return (
<SidebarBody className={macOnly(os, 'bg-opacity-[0.75]')}>
<WindowControls />