From 4fe097600370803783b77f1ad2ce8abbc50797f2 Mon Sep 17 00:00:00 2001
From: MonikaKirkova <monika_kirkova@abv.bg>
Date: Tue, 25 Jun 2024 15:41:30 +0300
Subject: [PATCH 1/2] docs(combo): remove filterable property

---
 en/components/combo-features.md | 9 +++------
 en/components/combo-remote.md   | 3 +--
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/en/components/combo-features.md b/en/components/combo-features.md
index 76ffbce4ff..192018a97b 100644
--- a/en/components/combo-features.md
+++ b/en/components/combo-features.md
@@ -46,7 +46,6 @@ export class AppModule {}
 <div class="combo-container">
     <igx-combo #combo [data]="lData" displayKey="field" valueKey="field"
         [allowCustomValues]="customValues"
-        [filterable]="filterable"
         [showSearchCaseIcon]="showSearchCaseIcon"
         [disabled]="disabled">
     </igx-combo>
@@ -55,8 +54,7 @@ export class AppModule {}
     <igx-switch [(ngModel)]="customValues">Allow Custom Values</igx-switch>
     <igx-switch (change)="enableGroups($event)">Enable Grouping</igx-switch>
     <igx-switch [(ngModel)]="disabled">Disable Combo</igx-switch>
-    <igx-switch [(ngModel)]="filterable">Enable Filtering</igx-switch>
-    <igx-switch *ngIf="filterable" [(ngModel)]="showSearchCaseIcon">Show Case-sensitive Icon</igx-switch>
+    <igx-switch [(ngModel)]="showSearchCaseIcon">Show Case-sensitive Icon</igx-switch>
 </div>
 ```
 
@@ -66,7 +64,6 @@ Note that grouping is enabled/disabled by setting the [groupKey]({environment:an
 ```typescript
     @ViewChild('combo', { read: IgxComboComponent }) public combo: IgxComboComponent;
 
-    public filterable = true;
     public showSearchCaseIcon = true;
     public customValues = true;
     public disabled = false;
@@ -139,12 +136,12 @@ If everything is set up correctly, the combobox's list will display centered, us
 > The combobox component uses the [AutoPositionStrategy]({environment:angularApiUrl}/classes/autopositionstrategy.html) as a default position strategy.
 
 ### Filtering
-By default, filtering in the combobox is enabled. It can be disabled by setting the [filterable]({environment:angularApiUrl}/classes/igxcombocomponent.html#filterable) property to false.
+The filtering in the combobox is always enabled.
 
 Filtering options can be further enhanced by enabling the search case sensitivity. To display the case-sensitive icon in the search input, set the [showSearchCaseIcon]({environment:angularApiUrl}/classes/IgxComboComponent.html#showSearchCaseIcon) property to true:
 
 ```html
-<igx-combo [filterable]="false" [showSearchCaseIcon]="true"></igx-combo>
+<igx-combo [showSearchCaseIcon]="true"></igx-combo>
 ```
 
 <div class="divider--half"></div>
diff --git a/en/components/combo-remote.md b/en/components/combo-remote.md
index af5b64de58..810c047fd8 100644
--- a/en/components/combo-remote.md
+++ b/en/components/combo-remote.md
@@ -78,8 +78,7 @@ When data is returned from a service as an observable, we can set it to the comb
            (selectionChanging)="handleSelectionChanging($event)"
            (closing)="onClosing()"
            (opened)="onOpened()"
-           (closed)="onClosed()"
-           [filterable]="true">
+           (closed)="onClosed()">
 </igx-combo>
 ```
 

From 8b2d5a96bb3a4ec0716207577d039676bd9c163c Mon Sep 17 00:00:00 2001
From: MonikaKirkova <monika_kirkova@abv.bg>
Date: Wed, 14 Aug 2024 13:21:47 +0300
Subject: [PATCH 2/2] docs(combo): add disableFiltering property

---
 en/components/combo-features.md | 9 ++++++---
 en/components/combo-remote.md   | 3 ++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/en/components/combo-features.md b/en/components/combo-features.md
index 192018a97b..b064e3e0f6 100644
--- a/en/components/combo-features.md
+++ b/en/components/combo-features.md
@@ -46,6 +46,7 @@ export class AppModule {}
 <div class="combo-container">
     <igx-combo #combo [data]="lData" displayKey="field" valueKey="field"
         [allowCustomValues]="customValues"
+        [disableFiltering]="disableFiltering"
         [showSearchCaseIcon]="showSearchCaseIcon"
         [disabled]="disabled">
     </igx-combo>
@@ -54,7 +55,8 @@ export class AppModule {}
     <igx-switch [(ngModel)]="customValues">Allow Custom Values</igx-switch>
     <igx-switch (change)="enableGroups($event)">Enable Grouping</igx-switch>
     <igx-switch [(ngModel)]="disabled">Disable Combo</igx-switch>
-    <igx-switch [(ngModel)]="showSearchCaseIcon">Show Case-sensitive Icon</igx-switch>
+    <igx-switch [(ngModel)]="disableFiltering">Disable Filtering</igx-switch>
+    <igx-switch *ngIf="!disableFiltering" [(ngModel)]="showSearchCaseIcon">Show Case-sensitive Icon</igx-switch>
 </div>
 ```
 
@@ -64,6 +66,7 @@ Note that grouping is enabled/disabled by setting the [groupKey]({environment:an
 ```typescript
     @ViewChild('combo', { read: IgxComboComponent }) public combo: IgxComboComponent;
 
+    public disableFiltering = false;
     public showSearchCaseIcon = true;
     public customValues = true;
     public disabled = false;
@@ -136,12 +139,12 @@ If everything is set up correctly, the combobox's list will display centered, us
 > The combobox component uses the [AutoPositionStrategy]({environment:angularApiUrl}/classes/autopositionstrategy.html) as a default position strategy.
 
 ### Filtering
-The filtering in the combobox is always enabled.
+By default, filtering in the combobox is enabled. It can be disabled by setting the [disableFiltering]({environment:angularApiUrl}/classes/igxcombocomponent.html#disableFiltering) property to true.
 
 Filtering options can be further enhanced by enabling the search case sensitivity. To display the case-sensitive icon in the search input, set the [showSearchCaseIcon]({environment:angularApiUrl}/classes/IgxComboComponent.html#showSearchCaseIcon) property to true:
 
 ```html
-<igx-combo [showSearchCaseIcon]="true"></igx-combo>
+<igx-combo [disableFiltering]="true" [showSearchCaseIcon]="true"></igx-combo>
 ```
 
 <div class="divider--half"></div>
diff --git a/en/components/combo-remote.md b/en/components/combo-remote.md
index 810c047fd8..0fd7c3ae59 100644
--- a/en/components/combo-remote.md
+++ b/en/components/combo-remote.md
@@ -78,7 +78,8 @@ When data is returned from a service as an observable, we can set it to the comb
            (selectionChanging)="handleSelectionChanging($event)"
            (closing)="onClosing()"
            (opened)="onOpened()"
-           (closed)="onClosed()">
+           (closed)="onClosed()"
+           [disableFiltering]="false">
 </igx-combo>
 ```