fix(many): disabled control in item does not receive active/hover states (#26867)

Resolves #26706
This commit is contained in:
Sean Perkins
2023-03-14 10:32:55 -04:00
committed by GitHub
parent ef33270b55
commit f829672a6a
6 changed files with 73 additions and 31 deletions

View File

@ -150,23 +150,22 @@ export class Checkbox implements ComponentInterface {
}
@Watch('checked')
checkedChanged() {
this.emitStyle();
}
@Watch('disabled')
disabledChanged() {
protected styleChanged() {
this.emitStyle();
}
// TODO(FW-3100): remove this
private emitStyle() {
const style: StyleEventDetail = {
'interactive-disabled': this.disabled,
};
// TODO(FW-3100): remove this
if (this.legacyFormController.hasLegacyControl()) {
this.ionStyle.emit({
'checkbox-checked': this.checked,
'interactive-disabled': this.disabled,
});
style['checkbox-checked'] = this.checked;
}
this.ionStyle.emit(style);
}
private setFocus() {