mirror/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive.git synced 2026-04-19 22:19:49 -04: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 a636f05879
commit 638f8cd166
1 changed files with 11 additions and 1 deletions
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 />