[bug report] select component drop-down selection will change the option

[bchen1029]

Element UI version

2.15.6

OS/Browsers version

Mac OS / Chrome 93.0.4577.63

Vue version

2.6.14

Reproduction Link

https://codepen.io/bchen1222/pen/vYZrBwW?editors=1100

Steps to reproduce

1. 新增一個 el-select
2. 將 filterable 設為 true
3. 新增有中文 label 的選單，
   options: [
   {
   value: 'cake',
   label: '蛋糕'
   }
   ...
   ]

What is Expected?

可以正確 filter 符合輸入內容的選項

What is actually happening?

使用中文輸入法上下鍵選字時，選單的 active 選項也會跟著上下滑動，導致無法選到正確的中文字

[element-bot]

Translation of this issue:

Element UI version

2.15.6

OS/Browsers version

Mac OS / Chrome 93.0.4577.63

Vue version

2.6.14

Reproduction Link

https://codepen.io/bchen1222/pen/vYZrBwW?editors=1100

Steps to reproduce

1. Add an EL select

2. Set filterable to true

3. Add a menu with Chinese label,

options: [
{

value: 'cake',
Label: 'cake'

}
...

]

What is Expected?

You can correctly filter the options that match the input

What is actually happening?

When using the up and down keys of the Chinese input method to select words, the active option of the menu will also slide up and down, resulting in failure to select the correct Chinese text

[bchen1029]

@cs1707 Could someone help add want merge label to my PR or merge it, thank you.