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

feat(editor): Make workflows, credentials, executions and new canvas usable on mobile and touch devices (#12372)

Browse Source
This commit is contained in:
Alex Grozav
2025-01-06 17:09:32 +02:00
committed by GitHub
parent 1b9100032f
commit 06c9473210
25 changed files with 294 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/editor-ui/src/components/canvas/Canvas.vue
View File

@@ -93,7 +93,7 @@ const props = withDefaults(
},
);
const { controlKeyCode } = useDeviceSupport();
const { isMobileDevice, controlKeyCode } = useDeviceSupport();
const vueFlow = useVueFlow({ id: props.id, deleteKeyCode: null });
const {
@@ -143,9 +143,10 @@ const disableKeyBindings = computed(() => !props.keyBindings);
/**
* @see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#whitespace_keys
*/
const panningKeyCode = ref<string[]>([' ', controlKeyCode]);
const panningMouseButton = ref<number[]>([1]);
const selectionKeyCode = ref<true | null>(true);
const panningKeyCode = ref<string[] | true>(isMobileDevice ? true : [' ', controlKeyCode]);
const panningMouseButton = ref<number[] | true>(isMobileDevice ? true : [1]);
const selectionKeyCode = ref<string | true | null>(isMobileDevice ? 'Shift' : true);
onKeyDown(panningKeyCode.value, () => {
selectionKeyCode.value = null;