mirror/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive.git synced 2026-05-19 05:45:01 -04:00
Code Issues Packages Projects Releases Wiki Activity

[ENG-1259] windows ephemeral locations keyboard nav fix (#1545)

Browse Source 
* Update GridList.tsx

* Update GridList.tsx

* Update GridList.tsx
This commit is contained in:
ameer2468
2023-10-12 19:59:16 +03:00
committed by GitHub
parent 163464994a
commit 6c93c88b34
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
interface/app/$libraryId/Explorer/View/GridList.tsx
View File

@@ -105,6 +105,7 @@ const CHROME_REGEX = /Chrome/;
export default ({ children }: { children: RenderItem }) => {
const os = useOperatingSystem();
const realOS = useOperatingSystem(true);
const isChrome = CHROME_REGEX.test(navigator.userAgent);
@@ -260,9 +261,13 @@ export default ({ children }: { children: RenderItem }) => {
if (e.key === 'ArrowDown' && explorer.selectedItems.size === 0) {
const item = grid.getItem(0);
if (!item?.data) return;
const id = uniqueId(item.data);
const selectedItemDom = document.querySelector(
`[data-selectable-id="${uniqueId(item.data)}"]`
`[data-selectable-id="${realOS === 'windows' ? id.replaceAll('\\', '\\\\') : id}"]`
);
if (selectedItemDom) {
explorer.resetSelectedItems([item.data]);
selecto.current?.setSelectedTargets([selectedItemDom as HTMLElement]);
@@ -302,13 +307,13 @@ export default ({ children }: { children: RenderItem }) => {
const newSelectedItem = grid.getItem(newIndex);
if (!newSelectedItem?.data) return;
if (!explorer.allowMultiSelect) explorer.resetSelectedItems([newSelectedItem.data]);
else {
const selectedItemDom = document.querySelector(
`[data-selectable-id="${uniqueId(newSelectedItem.data)}"]`
);
const id = uniqueId(newSelectedItem.data);
const selectedItemDom = document.querySelector(
`[data-selectable-id="${realOS === 'windows' ? id.replaceAll('\\', '\\\\') : id}"]`
);
if (!selectedItemDom) return;
if (e.shiftKey && !getQuickPreviewStore().open) {