admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-17 18:12:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): Autofocus Search in Move Folder Dialog (#14378)

Browse Source
This commit is contained in:
Charlie Kolb
2025-04-07 10:56:05 +02:00
committed by GitHub
parent e8a7acda6b
commit d60ed746bb
3 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
cypress/composables/folders.ts
View File

@@ -448,9 +448,9 @@ function moveFolder(folderName: string, destinationName: string) {
cy.intercept('PATCH', '/rest/projects/**').as('moveFolder'); cy.intercept('PATCH', '/rest/projects/**').as('moveFolder');
getMoveFolderModal().should('be.visible'); getMoveFolderModal().should('be.visible');
getMoveFolderModal().find('h1').first().contains(`Move "${folderName}" to another folder`); getMoveFolderModal().find('h1').first().contains(`Move "${folderName}" to another folder`);
getMoveToFolderDropdown().click();
// Try to find current folder in the dropdown // Try to find current folder in the dropdown
getMoveToFolderInput().type(folderName, { delay: 50 }); // This tests that auto-focus worked as expected
cy.focused().type(folderName, { delay: 50 });
// Should not be available // Should not be available
getEmptyFolderDropdownMessage('No folders found').should('exist'); getEmptyFolderDropdownMessage('No folders found').should('exist');
// Select destination folder // Select destination folder

7
packages/frontend/@n8n/design-system/src/components/N8nSelect/Select.vue
View File

@@ -98,8 +98,11 @@ const blur = () => {
const focusOnInput = () => { const focusOnInput = () => {
if (!innerSelect.value) return; if (!innerSelect.value) return;
const inputRef = innerSelect.value.$refs.input as HTMLInputElement | undefined; const inputRef = innerSelect.value.$refs.selectWrapper as HTMLInputElement;
inputRef?.focus();
const inputElement = inputRef?.querySelector('input');
if (inputElement) inputElement.focus();
else inputRef?.focus();
}; };
defineExpose({ defineExpose({

6
packages/frontend/editor-ui/src/components/Folders/MoveToFolderDropdown.vue
View File

@@ -5,7 +5,7 @@ import { useFoldersStore } from '@/stores/folders.store';
import { useProjectsStore } from '@/stores/projects.store'; import { useProjectsStore } from '@/stores/projects.store';
import { type ProjectIcon as ItemProjectIcon, ProjectTypes } from '@/types/projects.types'; import { type ProjectIcon as ItemProjectIcon, ProjectTypes } from '@/types/projects.types';
import { N8nSelect } from '@n8n/design-system'; import { N8nSelect } from '@n8n/design-system';
import { computed, ref } from 'vue'; import { computed, onMounted, ref } from 'vue';
/** /**
* This component is used to select a folder to move a resource (folder or workflow) to. * This component is used to select a folder to move a resource (folder or workflow) to.
@@ -108,6 +108,10 @@ const onFolderSelected = (folderId: string) => {
type: selectedFolder.resource, type: selectedFolder.resource,
}); });
}; };
onMounted(() => {
void setTimeout(() => moveFolderDropdown.value?.focusOnInput());
});
</script> </script>
<template> <template>