[Bug Report] a :disabled="true" el-form incorrectly allows user to click a child el-button that is set to :disabled="false"
- 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.