mohiit1502/Automata
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(editor): Prevent opening NDV search if / is typed in a contenteditable element (#7968)

Browse Source 
## Summary
Prevent opening NDV search if `/` is typed in a contenteditable element
...

#### How to test the change:
1. Create a workflow with a Code node that has some input and output
2. Run the workflow and then open the Code node
3. Type `/` anywhere in the Code node

#### Expected behavior:
NDV search should not be opened and focused
This commit is contained in:
Csaba Tuncsik
2023-12-08 16:16:05 +01:00
committed by GitHub
parent 7f0126915a
commit e8a493f718
2 changed files with 42 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/editor-ui/src/components/RunDataSearch.vue
View File

@@ -26,7 +26,6 @@ const locale = useI18n();
const inputRef = ref<HTMLInputElement | null>(null);
const maxWidth = ref(INITIAL_WIDTH);
const opened = ref(false);
const focused = ref(false);
const placeholder = computed(() =>
props.paneType === 'input'
? locale.baseText('ndv.search.placeholder.input')
@@ -34,11 +33,13 @@ const placeholder = computed(() =>
);
const documentKeyHandler = (event: KeyboardEvent) => {
const isTargetAnyFormElement =
const isTargetFormElementOrEditable =
event.target instanceof HTMLInputElement ||
event.target instanceof HTMLTextAreaElement ||
event.target instanceof HTMLSelectElement;
if (event.key === '/' && !focused.value && props.isAreaActive && !isTargetAnyFormElement) {
event.target instanceof HTMLSelectElement ||
(event.target as HTMLElement)?.getAttribute?.('contentEditable') === 'true';
if (event.key === '/' && props.isAreaActive && !isTargetFormElementOrEditable) {
inputRef.value?.focus();
inputRef.value?.select();
}
@@ -49,13 +50,11 @@ const onSearchUpdate = (value: string) => {
};
const onFocus = () => {
opened.value = true;
focused.value = true;
maxWidth.value = '30%';
inputRef.value?.select();
emit('focus');
};
const onBlur = () => {
focused.value = false;
if (!props.modelValue) {
opened.value = false;
maxWidth.value = INITIAL_WIDTH;