fix(editor): Make sure code editors work correctly in fullscreen (#12597)

This commit is contained in:
Elias Meire
2025-01-14 18:16:41 +01:00
committed by GitHub
parent bfe3c5611a
commit aa1f3a7d98
6 changed files with 98 additions and 12 deletions

View File

@@ -1108,7 +1108,7 @@ onUpdated(async () => {
>
<div class="ignore-key-press-canvas code-edit-dialog">
<CodeNodeEditor
v-if="editorType === 'codeNodeEditor'"
v-if="editorType === 'codeNodeEditor' && codeEditDialogVisible"
:id="parameterId"
:mode="codeEditorMode"
:model-value="modelValueString"
@@ -1119,7 +1119,7 @@ onUpdated(async () => {
@update:model-value="valueChangedDebounced"
/>
<HtmlEditor
v-else-if="editorType === 'htmlEditor' && !codeEditDialogVisible"
v-else-if="editorType === 'htmlEditor' && codeEditDialogVisible"
:model-value="modelValueString"
:is-read-only="isReadOnly"
:rows="editorRows"
@@ -1129,7 +1129,7 @@ onUpdated(async () => {
@update:model-value="valueChangedDebounced"
/>
<SqlEditor
v-else-if="editorType === 'sqlEditor' && !codeEditDialogVisible"
v-else-if="editorType === 'sqlEditor' && codeEditDialogVisible"
:model-value="modelValueString"
:dialect="getArgument('sqlDialect')"
:is-read-only="isReadOnly"
@@ -1138,7 +1138,7 @@ onUpdated(async () => {
@update:model-value="valueChangedDebounced"
/>
<JsEditor
v-else-if="editorType === 'jsEditor' && !codeEditDialogVisible"
v-else-if="editorType === 'jsEditor' && codeEditDialogVisible"
:model-value="modelValueString"
:is-read-only="isReadOnly"
:rows="editorRows"
@@ -1148,7 +1148,7 @@ onUpdated(async () => {
/>
<JsonEditor
v-else-if="parameter.type === 'json' && !codeEditDialogVisible"
v-else-if="parameter.type === 'json' && codeEditDialogVisible"
:model-value="modelValueString"
:is-read-only="isReadOnly"
:rows="editorRows"
@@ -1256,7 +1256,7 @@ onUpdated(async () => {
</JsEditor>
<JsonEditor
v-else-if="parameter.type === 'json'"
v-else-if="parameter.type === 'json' && !codeEditDialogVisible"
:model-value="modelValueString"
:is-read-only="isReadOnly"
:rows="editorRows"