From 72349e1a62da1d62dd6547450cb10beeca34e846 Mon Sep 17 00:00:00 2001
From: hetech <dengzhiyang123@126.com>
Date: Mon, 13 Aug 2018 15:58:17 +0800
Subject: [PATCH] Cascader: highlight input when menu clicked (#12341)

---
 packages/cascader/src/main.vue         | 1 +
 packages/theme-chalk/src/cascader.scss | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/packages/cascader/src/main.vue b/packages/cascader/src/main.vue
index d34d1478a..3977c0fc9 100644
--- a/packages/cascader/src/main.vue
+++ b/packages/cascader/src/main.vue
@@ -30,6 +30,7 @@
       :validate-event="false"
       :size="size"
       :disabled="cascaderDisabled"
+      :class="{ 'is-focus': menuVisible }"
     >
       <template slot="suffix">
         <i
diff --git a/packages/theme-chalk/src/cascader.scss b/packages/theme-chalk/src/cascader.scss
index 9fe2a6c7d..e57f8a8bb 100644
--- a/packages/theme-chalk/src/cascader.scss
+++ b/packages/theme-chalk/src/cascader.scss
@@ -14,6 +14,10 @@
     cursor: pointer;
   }
 
+  .el-input.is-focus .el-input__inner {
+    border-color: $--input-focus-border;
+  }
+
   .el-input__icon {
     transition: none;
   }