fix(combo,select): Invalid styles after reset and user interaction

Author: rkaraivanov

src/components/combo/combo.ts

@@ -476,6 +476,7 @@ export default class IgcComboComponent<
 
     addThemingController(this, all);
     addSafeEventListener(this, 'blur', this._handleBlur);
+    addSafeEventListener(this, 'focusin', this._handleFocusIn);
 
     // TODO
     this.addEventListener(
@@ -638,6 +639,10 @@ export default class IgcComboComponent<
     this.clearSingleSelection();
   }
 
+  protected _handleFocusIn() {
+    this._setTouchedState();
+  }
+
   protected override _handleBlur() {
     if (this._selection.isEmpty) {
       this._displayValue = '';

src/components/select/select.ts

@@ -314,6 +314,7 @@ export default class IgcSelectComponent extends FormAssociatedRequiredMixin(
       .set(enterKey, this._handleEnter);
 
     addSafeEventListener(this, 'keydown', this._handleSearch);
+    addSafeEventListener(this, 'focusin', this._handleFocusIn);
     addSafeEventListener(this, 'focusout', this._handleFocusOut);
   }
 
@@ -429,6 +430,10 @@ export default class IgcSelectComponent extends FormAssociatedRequiredMixin(
 
   //#region Event listeners
 
+  private _handleFocusIn(): void {
+    this._setTouchedState();
+  }
+
   private _handleFocusOut({ relatedTarget }: FocusEvent): void {
     if (this.contains(relatedTarget as Node)) {
       return;