diff --git a/packages/components/select/src/useSelect.ts b/packages/components/select/src/useSelect.ts
index 08fba5dc05..53bd7ba7af 100644
--- a/packages/components/select/src/useSelect.ts
+++ b/packages/components/select/src/useSelect.ts
@@ -716,10 +716,10 @@ export const useSelect = (props, states: States, ctx) => {
   const handleFocus = (event) => {
     if (!states.softFocus) {
       if (props.automaticDropdown || props.filterable) {
-        states.visible = true
-        if (props.filterable) {
+        if (props.filterable && !states.visible) {
           states.menuVisibleOnFocus = true
         }
+        states.visible = true
       }
       ctx.emit('focus', event)
     } else {