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

fix(editor): Set FocusPanel over MainHeader to show autocomplete options (no-changelog) (#17443)

Browse Source
This commit is contained in:
Charlie Kolb
2025-07-21 12:41:52 +02:00
committed by GitHub
parent ba9eacaa6e
commit 79306b040e
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/frontend/editor-ui/src/components/FocusPanel.vue
View File

@@ -29,6 +29,7 @@ import { htmlEditorEventBus } from '@/event-bus';
import { hasFocusOnInput, isFocusableEl } from '@/utils/typesUtils'; import { hasFocusOnInput, isFocusableEl } from '@/utils/typesUtils';
import type { ResizeData, TargetNodeParameterContext } from '@/Interface'; import type { ResizeData, TargetNodeParameterContext } from '@/Interface';
import { useThrottleFn } from '@vueuse/core'; import { useThrottleFn } from '@vueuse/core';
import { useStyles } from '@/composables/useStyles';
import { useExecutionData } from '@/composables/useExecutionData'; import { useExecutionData } from '@/composables/useExecutionData';
import { useWorkflowsStore } from '@/stores/workflows.store'; import { useWorkflowsStore } from '@/stores/workflows.store';
@@ -56,6 +57,7 @@ const nodeSettingsParameters = useNodeSettingsParameters();
const environmentsStore = useEnvironmentsStore(); const environmentsStore = useEnvironmentsStore();
const deviceSupport = useDeviceSupport(); const deviceSupport = useDeviceSupport();
const { debounce } = useDebounce(); const { debounce } = useDebounce();
const styles = useStyles();
const focusedNodeParameter = computed(() => focusPanelStore.focusedNodeParameters[0]); const focusedNodeParameter = computed(() => focusPanelStore.focusedNodeParameters[0]);
const resolvedParameter = computed(() => const resolvedParameter = computed(() =>
@@ -319,7 +321,7 @@ const onResizeThrottle = useThrottleFn(onResize, 10);
:min-width="300" :min-width="300"
:max-width="1000" :max-width="1000"
:grid-size="8" :grid-size="8"
:style="{ width: `${focusPanelWidth}px` }" :style="{ width: `${focusPanelWidth}px`, zIndex: styles.APP_Z_INDEXES.FOCUS_PANEL }"
@resize="onResizeThrottle" @resize="onResizeThrottle"
> >
<div :class="$style.container"> <div :class="$style.container">

1
packages/frontend/editor-ui/src/composables/useStyles.ts
View File

@@ -8,6 +8,7 @@ const APP_Z_INDEXES = {
APP_SIDEBAR: 999, APP_SIDEBAR: 999,
CANVAS_SELECT_BOX: 100, CANVAS_SELECT_BOX: 100,
TOP_BANNERS: 999, TOP_BANNERS: 999,
FOCUS_PANEL: 1600,
NDV: 1800, NDV: 1800,
MODALS: 2000, MODALS: 2000,
TOASTS: 2100, TOASTS: 2100,