ElemeFE / ElemeFE/element

[Bug Report] a :disabled="true" el-form incorrectly allows user to click a child el-button that is set to :disabled="false"

Open
#21,909 2 comments 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.9

### OS/Browsers version
macOS Monterey v12.2.1 / Chrome v102.0.5005.61 (Official Build) (arm64)

### Vue version
2.6.12

### Reproduction Link
https://codesandbox.io/s/nice-germain-9ttc2h?file=/src/App.vue

### Steps to reproduce
1) bind a el-form's :disabled attribute to an expression that evaluates to true.
2) bind the form's submit el-button :disabled attribute to an expression that evaluates to false.
3) you will see the submit button is clickable now and not disabled

This bug was introduced in v2.15.7

### What is Expected?
According to Element UI docs, a form element should be disabled if its parent form is disabled.

### What is actually happening?
In Element UI v2.15.7, 2.15.8 and 2.15.9, if a form is :disabled="true" but has a submit button set to :disabled="false", the button will be clickable (which is incorrect)

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.