From 569401b1c8959f236ab6931e7c58063d4681402a Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Fri, 3 Mar 2023 10:46:59 -0500 Subject: [PATCH] fix(input, textarea): disabled state is applied when true (#26892) resolves #26881 --- core/src/components/input/input.md.scss | 2 +- core/src/components/input/input.scss | 2 +- core/src/components/input/input.tsx | 1 + ...t-disabled-ios-ltr-Mobile-Chrome-linux.png | Bin 5329 -> 6327 bytes ...-disabled-ios-ltr-Mobile-Firefox-linux.png | Bin 1952 -> 2303 bytes ...t-disabled-ios-rtl-Mobile-Chrome-linux.png | Bin 5493 -> 6560 bytes ...-disabled-ios-rtl-Mobile-Firefox-linux.png | Bin 1995 -> 2337 bytes ...ut-disabled-md-ltr-Mobile-Chrome-linux.png | Bin 5279 -> 6228 bytes ...t-disabled-md-ltr-Mobile-Firefox-linux.png | Bin 1859 -> 2212 bytes ...ut-disabled-md-rtl-Mobile-Chrome-linux.png | Bin 5435 -> 6476 bytes ...t-disabled-md-rtl-Mobile-Firefox-linux.png | Bin 1884 -> 2221 bytes ...tarea-diff-ios-ltr-Mobile-Chrome-linux.png | Bin 33594 -> 33792 bytes ...area-diff-ios-ltr-Mobile-Firefox-linux.png | Bin 44414 -> 44620 bytes ...tarea-diff-ios-rtl-Mobile-Chrome-linux.png | Bin 33536 -> 33723 bytes ...area-diff-ios-rtl-Mobile-Firefox-linux.png | Bin 44727 -> 44923 bytes ...xtarea-diff-md-ltr-Mobile-Chrome-linux.png | Bin 30824 -> 30993 bytes ...tarea-diff-md-ltr-Mobile-Firefox-linux.png | Bin 42030 -> 42298 bytes ...xtarea-diff-md-rtl-Mobile-Chrome-linux.png | Bin 30780 -> 30962 bytes ...tarea-diff-md-rtl-Mobile-Firefox-linux.png | Bin 41813 -> 42033 bytes core/src/components/textarea/textarea.scss | 2 +- core/src/components/textarea/textarea.tsx | 1 + 21 files changed, 5 insertions(+), 3 deletions(-) diff --git a/core/src/components/input/input.md.scss b/core/src/components/input/input.md.scss index 31e9b9419e..cf2953f0e1 100644 --- a/core/src/components/input/input.md.scss +++ b/core/src/components/input/input.md.scss @@ -37,7 +37,7 @@ // Input - Disabled // ---------------------------------------------------------------- :host(.legacy-input) .native-input[disabled], -:host([disabled]) { +:host(.input-disabled) { opacity: #{$input-md-disabled-opacity}; } diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss index 93154ea25e..3178e20a45 100644 --- a/core/src/components/input/input.scss +++ b/core/src/components/input/input.scss @@ -158,7 +158,7 @@ :host(.legacy-input) .native-input[disabled], -:host([disabled]) { +:host(.input-disabled) { opacity: 0.4; } diff --git a/core/src/components/input/input.tsx b/core/src/components/input/input.tsx index d360a7d871..1f99f234c3 100644 --- a/core/src/components/input/input.tsx +++ b/core/src/components/input/input.tsx @@ -649,6 +649,7 @@ export class Input implements ComponentInterface { [`input-label-placement-${labelPlacement}`]: true, 'in-item': inItem, 'in-item-color': hostContext('ion-item.ion-color', this.el), + 'input-disabled': disabled, })} >