ElemeFE / ElemeFE/element

[Bug Report] el-form-item的label插槽,如果使用了Form表单的button、select、等组件时,鼠标只要在label元素上就可以触发到表单组件的事件

Open
#21,689 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Element UI version
2.15.7

### OS/Browsers version
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36

### Vue version
2.6.14

### Reproduction Link
https://codepen.io/ginkosen/pen/JjOJdMY

### Steps to reproduce
1、使用el-form组件
2、el-form组件写使用el-form-item组件
3、使用el-form-item组件的label插槽。
4、label插槽中使用el-button组件
5、鼠标移入el-form-item组件所在的元素(不要悬浮或点击el-button的元素),el-button会出现激活,鼠标点击后会触发el-button的@click的回调函数

### What is Expected?
写入el-form-item的label插槽下的表单组件,不在组件上,不要触发鼠标事件

### What is actually happening?
写入el-form-item的label插槽下的表单组件,不在组件上,鼠标事件依旧会触发

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.