From 616fb8b2535ced5cda75f522b4c55ac9d8179d76 Mon Sep 17 00:00:00 2001 From: didimmova Date: Thu, 5 Feb 2026 15:22:02 +0200 Subject: [PATCH 1/4] fix(input-group): fix cursor behaviour in input groups --- .../input-group/src/input-group/themes/_base.scss | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss b/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss index 714a528ae02..4c6bbd06340 100644 --- a/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss +++ b/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss @@ -95,22 +95,22 @@ $base-scale-size: ( [igxPrefix] { color: var-get($theme, 'input-prefix-color'); background: var-get($theme, 'input-prefix-background'); + cursor: default; } igx-suffix:not(.igx-input-group__toggle-button, .igx-input-group__clear-icon, .igx-input-group__clear-button, .igx-input-group__case-icon), [igxSuffix]:not(.igx-input-group__toggle-button, .igx-input-group__clear-icon, .igx-input-group__clear-button, .igx-input-group__case-icon) { color: var-get($theme, 'input-suffix-color'); background: var-get($theme, 'input-suffix-background'); + cursor: default; } @include e(toggle-button) { - cursor: pointer; color: var(--toggle-button-foreground); background: var(--toggle-button-background); } @include e(clear-button) { - cursor: pointer; color: var(--clear-button-foreground); background: var(--clear-button-background); } @@ -551,4 +551,15 @@ $base-scale-size: ( } } + + igx-combo .igx-input-group:not(.igx-input-group--disabled), + igx-select .igx-input-group:not(.igx-input-group--disabled) { + .igx-input-group__input, + igx-prefix, + [igxPrefix], + igx-suffix, + [igxSuffix] { + cursor: pointer; + } + } } From 82d0b8654f42bfe87b7da1e3e6dc91c4e7659169 Mon Sep 17 00:00:00 2001 From: didimmova Date: Fri, 6 Feb 2026 16:57:23 +0200 Subject: [PATCH 2/4] fix(input-group): fix cursor behaviour in simple-combo --- .../input-group/src/input-group/themes/_base.scss | 2 ++ .../simple-combo/src/simple-combo/simple-combo.component.html | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss b/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss index 4c6bbd06340..21517548f1e 100644 --- a/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss +++ b/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss @@ -108,11 +108,13 @@ $base-scale-size: ( @include e(toggle-button) { color: var(--toggle-button-foreground); background: var(--toggle-button-background); + cursor: pointer; } @include e(clear-button) { color: var(--clear-button-foreground); background: var(--clear-button-background); + cursor: pointer; } @include e(clear-icon) { diff --git a/projects/igniteui-angular/simple-combo/src/simple-combo/simple-combo.component.html b/projects/igniteui-angular/simple-combo/src/simple-combo/simple-combo.component.html index 4cc5824d244..0a3741a7afe 100644 --- a/projects/igniteui-angular/simple-combo/src/simple-combo/simple-combo.component.html +++ b/projects/igniteui-angular/simple-combo/src/simple-combo/simple-combo.component.html @@ -26,7 +26,7 @@ @if (hasSelectedItem) { - @if (clearIconTemplate) { From 65a23f8f9f4b0d921a9ab8091d888f5ac84def9f Mon Sep 17 00:00:00 2001 From: didimmova Date: Mon, 9 Feb 2026 10:37:36 +0200 Subject: [PATCH 3/4] fix(combo): fix disabled toggle/clear button cursor --- .../input-group/src/input-group/themes/_base.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss b/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss index 21517548f1e..de5fa1c94f6 100644 --- a/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss +++ b/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss @@ -528,6 +528,11 @@ $base-scale-size: ( @include e(toggle-button) { color: var(--toggle-button-foreground-disabled); background: var(--toggle-button-background-disabled); + cursor: default; + } + + @include e(clear-button) { + cursor: default; } @include e(clear-icon) { From 285697ed8a197c17badb53dc528c6f90bd294e3a Mon Sep 17 00:00:00 2001 From: didimmova Date: Mon, 9 Feb 2026 10:40:10 +0200 Subject: [PATCH 4/4] chore(combo): remove additional indigo cursor styles on disabled --- .../input-group/src/input-group/themes/shared/indigo.scss | 2 -- 1 file changed, 2 deletions(-) diff --git a/projects/igniteui-angular/input-group/src/input-group/themes/shared/indigo.scss b/projects/igniteui-angular/input-group/src/input-group/themes/shared/indigo.scss index 0827b6eb90d..04ad56424bc 100644 --- a/projects/igniteui-angular/input-group/src/input-group/themes/shared/indigo.scss +++ b/projects/igniteui-angular/input-group/src/input-group/themes/shared/indigo.scss @@ -249,13 +249,11 @@ $_theme: $indigo; } @include e(toggle-button) { - cursor: default; color: var(--toggle-button-foreground-disabled); background: var(--toggle-button-background-disabled); } @include e(clear-button) { - cursor: default; color: var-get($_theme, 'disabled-text-color'); background: var-get($_theme, 'border-disabled-background'); }