diff --git a/src/components/ExpressionEditor.vue b/src/components/ExpressionEditor.vue
index 841e739..02660cc 100644
--- a/src/components/ExpressionEditor.vue
+++ b/src/components/ExpressionEditor.vue
@@ -4,6 +4,8 @@
                 :value="value"
                 @input="updateValue($event.target.value)"
                 @keydown="handleKeyDown"
+                @blur="hideSuggestions"
+                @focus="handleInput"
                 ref="codeEditor"/>
       <div v-if="showSuggestions" class="suggestions-box" :style="suggestionsBoxStyle">
           <div v-for="(suggestion, index) in filteredSuggestions"
@@ -50,6 +52,11 @@ export default {
             this.$emit('input', value)
             this.handleInput()
         },
+        hideSuggestions () {
+            setTimeout(() => {
+                this.showSuggestions = false
+            }, 100)
+        },
         handleInput () {
             const cursorPosition = this.$refs.codeEditor.selectionStart
             const textBeforeCursor = this.value.slice(0, cursorPosition)