问题处理 2026年06月10日 · 阅读

关于Elementplus 2.14带filterable属性的select在火狐firefox需要点击两次才能展开选项的问题

【哲风壁纸】凌乱黑发-壁纸.png项目环境

vue3.5 elementplus 2.14 firefox115(很重要)

问题复现

在form中配置formitem和select并添加filterabel属性，示例代码：

<template>
  <el-form>
    <!-- 必须在formitem中并且配置filterable属性 其他配置项不重要没有影响 -->
    <el-form-item label="测试">
      <el-select v-model="value" filterable placeholder="请输入" style="width: 240px">
        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
      </el-select>
    </el-form-item>
  </el-form>

</template>

问题效果

点击formitem区域可以触发select选择 但是点击select本身需要两次，第一次会选中input，第二次才会触发select的下拉

问题原因

firefox特定版本问题，此问题出现在firefox115中，不排除其他版本也会导致此问题
可以用elementplus的codeplayground测试，我在firefox115中可以复现：复现链接

解决办法

降低elementplus版本，我回退到2.9.7就解决了

elementplus vue3 select