From 616fb8b2535ced5cda75f522b4c55ac9d8179d76 Mon Sep 17 00:00:00 2001 From: didimmova Date: Thu, 5 Feb 2026 15:22:02 +0200 Subject: [PATCH 1/2] 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/2] 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) {