diff --git a/packages/common/component/MonacoEditor.vue b/packages/common/component/MonacoEditor.vue
index 8c6fc8582..e59fdc2f3 100644
--- a/packages/common/component/MonacoEditor.vue
+++ b/packages/common/component/MonacoEditor.vue
@@ -28,6 +28,7 @@
         :options="editorOptions"
         language="javascript"
         @editorDidMount="$emit('editorDidMount', $event)"
+        @change="$emit('change', $event)"
       ></monaco-editor>
     </div>
     <slot v-if="fullscreen" name="fullscreenFooter"></slot>
@@ -60,8 +61,8 @@ export default {
       default: true
     }
   },
-  emits: ['editorDidMount'],
-  setup(props) {
+  emits: ['editorDidMount', 'change', 'fullscreenChange'],
+  setup(props, { emit }) {
     const editor = ref(null)
     const fullscreen = ref(false)
     const editorOptions = computed(() => {
@@ -112,6 +113,7 @@ export default {
 
     const switchFullScreen = (value) => {
       fullscreen.value = value
+      emit('fullscreenChange', value)
     }
 
     return {
diff --git a/packages/plugins/state/src/CreateVariable.vue b/packages/plugins/state/src/CreateVariable.vue
index be4bcaa05..85883be9a 100644
--- a/packages/plugins/state/src/CreateVariable.vue
+++ b/packages/plugins/state/src/CreateVariable.vue
@@ -28,6 +28,7 @@
             :showFormatBtn="true"
             :options="state.editorOptions"
             @editorDidMount="editorDidMount"
+            @fullscreenChange="fullscreenChange"
           >
             <template #buttons>
               <editor-i18n-tool ref="i18nToolRef" @confirm="insertContent"></editor-i18n-tool>
@@ -340,6 +341,10 @@ export default {
       }
     }
 
+    const fullscreenChange = () => {
+      i18nToolRef.value.state.showPopover = false
+    }
+
     onBeforeUnmount(() => {
       state.completionProvider?.forEach((provider) => {
         provider.dispose()
@@ -398,6 +403,7 @@ export default {
       validate,
       getFormData,
       insertContent,
+      fullscreenChange,
       cancel
     }
   }