[Component] [select] Dropdown menu fails to expand when the el-select component is placed within a <label> element

[yxb94616]

Bug Type: Component

Environment

• Vue Version: 3.4.21
• Element Plus Version: 2.6.1
• Browser / OS: Chrome/122.0.0.0 Safari/537.36 / Windows NT 10.0; Win64; x64
• Build Tool: Vite

Reproduction

Related Component

• el-select

Reproduction Link

Element Plus Playground

Steps to reproduce

When the el-select component is wrapped within a element, clicking the el-select component fails to expand the dropdown menu.

What is Expected?

el-select works normally when used within a .

What is actually happening?

The dropdown menu fails to expand when the el-select component is placed within a element.

Additional comments

(empty)

[yxb94616]

After testing, it has been found that starting from version 2.5.0, this issue persists. However, in my project, after reverting the version to 2.4.4, it functions normally.

[chenxch]

Please add the for attribute to label.

[kooriookami]

Fixed.

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

此 issue 已被自动锁定，因为关闭后没有任何近期活动。如果有相关 bug，请重新创建一个新 issue。