javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

30
core/src/components/select/select.tsx
View File

@ -214,14 +214,10 @@ export class Select implements ComponentInterface {
@Event() ionStyle!: EventEmitter<StyleEventDetail>;
@Watch('disabled')
@Watch('placeholder')
@Watch('isExpanded')
styleChanged() {
this.emitStyle();
}
@Watch('placeholder')
@Watch('value')
valueChanged() {
protected styleChanged() {
this.emitStyle();
}
@ -653,17 +649,21 @@ export class Select implements ComponentInterface {
}
private emitStyle() {
const { disabled } = this;
const style: StyleEventDetail = {
'interactive-disabled': disabled,
};
if (this.legacyFormController.hasLegacyControl()) {
this.ionStyle.emit({
interactive: true,
'interactive-disabled': this.disabled,
select: true,
'select-disabled': this.disabled,
'has-placeholder': this.placeholder !== undefined,
'has-value': this.hasValue(),
'has-focus': this.isExpanded,
});
style['interactive'] = true;
style['select'] = true;
style['select-disabled'] = disabled;
style['has-placeholder'] = this.placeholder !== undefined;
style['has-value'] = this.hasValue();
style['has-focus'] = this.isExpanded;
}
this.ionStyle.emit(style);
}
private onClick = (ev: UIEvent) => {