Changelog

3.2.0

Feature: allow disabling the clear search button with [hideClearSearchButton]="true" #290

Thanks to @vlio20

3.1.4

Fix: null-pointer exception if no form control directive on mat-select #281

Thanks to @Daishy for reporting

3.1.3

Fix: incorrect restoration of selection when using [multiple]="true" #279

Thanks to @broekema41

3.1.2

Fix: incorrect restoration of selection when using [multiple]="true" and no initial selection prior to filtering #270

Thanks to @pranavneeraj for reporting

3.1.1

Enhancement: Add compatibility with @angular/core: ^11.0.0, @angular/material: ^11.0.0
Fix: set first item active if no item is active after filtering #263

Thanks to @Ayoubane for reporting
Fix: in multi select mode after enter the search is not focused #265

Thanks to @bulldog98

3.1.0

Feature: Support Right-To-Left #258

Thanks to @framasev
Fix: ensure the placeholder is displayed #256

Thanks to @aminsmartsenese for reporting
Fix: Refactor infinity scrolling example #253

Thanks to @NitinMagdum for reporting
Fix: properly restore selection when using [multiple]="true" #260

Thanks to @begandroide for reporting

3.0.3

Fix: properly restore selection when using [multiple]="true" #249

Thanks to @croy618 for reporting

3.0.2

Fix: hide no entries found message when options don't change initially #245

Thanks to @PabloPerezAguilo for reporting

3.0.1

Fix: correctly show no entries found message when no options are available initially (e.g. in server-side search) #239

Thanks to @Arjun-1r for reporting

3.0.0

Fix: prevent scrolling to first option if option does not change (e.g. with infinity scrolling) #200

Thanks to @raysuelzer
Enhancement: Add option to clear input when pressing escape with [enableClearOnEscapePressed]="true" #231

Thanks to @nischi
Enhancement: Add compatibility with @angular/core: ^10.0.0, @angular/material: ^10.0.0
Chore: (Breaking Change) The possibility to place the <ngx-mat-select-search> element directly inside <mat-select> without wrapping it in an <mat-option> element was removed due to changes of the public API of mat-select. #208

To fix this, simply place the <ngx-mat-select-search> inside a <mat-option> element. Thanks to @evoltafreak

2.2.0

Enhancement: add tooltip message to select-all checkbox #227

Thanks to @arucar

2.1.2

Fix: fix selection of different instances of same object when using multiple #215

Thanks to @Springrbua
Chore: enable linting and use @angular-extensions/lint-rules

2.1.1

Fix: Prevent unhandled exceptions when pressing arrow keys with no available options #201

Thanks to @josephdecock

2.1.0

Enhancement: Improve accessibility by reading the selected option #186

Thanks to @ZacaryPaynter
Bugfix: Fix corners not rounded #176

Thanks to @jfcere
Bugfix: Fix input width not updated correctly #175
Bugfix: ToggleAllCheckbox doesn't use correct theme color 183

Thanks to @LoganDupont for reporting
Enhancement: Improve readme on how to use i18n translation for labels #180

Thanks to @JomalJohny

2.0.0

Enhancement: Update to Angular 8.2.10
Enhancement: Add compatibility with @angular/core: ^9.0.0, @angular/material: ^9.0.0 #173

Breaking Change: @angular/core: < 8.0.0 is not supported anymore, please use version 1.8.0.
Enhancement: Replace @angular/material root imports #161

1.8.0

Enhancement: Add option to show a toggle all checkbox with [showToggleAllCheckbox]="true" #145

Thanks to @blazewalker59
Enhancement: Allow custom content transclusion with .mat-select-search-custom-header-content

1.7.6

Bugfix: spinner not visible after reopening select panel #153

Thanks to @saithis for reporting

1.7.5

Bugfix: Avoid Cannot read property 'attach' of undefined when <ngx-mat-select-search> is not inside a <mat-option> element with Angular 8 #146

1.7.4

Enhancement: Allow setting the initial value of the search input #147

Thanks to @sehgalneha for reporting

1.7.3

Enhancement: Allow setting accessibility label of the input with @Input() ariaLabel #137

Thanks to @tonyholt

1.7.2

Enhancement: Allow setting type of the search input field with @Input() type #138

Thanks to @botoxparty
Enhancement: Tested and update peer dependency compatibility to allow @angular/core: ^8.0.0, @angular/material: ^8.0.0

1.7.1

Enhancement: allow disabling scrolling active element into view when option list changes with @Input() disableScrollToActiveOnOptionsChanged #130

Thanks to @drakeBear for reporting
Bugfix: input field not focused in IE #131
Bugfix: clear button not visible after reopening select panel in combination with [clearSearchInput]="false" #133

Thanks to @cappster for reporting

1.7.0

Enhancement: ensure the active option is not covered by the search input when navigating with the arrow keys or when the option list changes when searching. #119

Thanks to @Mabiro
Enhancement: allow disabling propagation of home / end key via @Input() preventHomeEndKeyPropagation to enable moving the cursor inside the search field instead of navigating the options when pressing Home / End #43

Thanks to @geraldhe for reporting
Bugfix / Enhancement: Update the input width when the viewport is resized #81

Thanks to @mhosman for reporting
Enhancement: add opacity transition animation for search clear icon

1.6.0

Enhancement: Allow showing a loading / searching indicator with @Input() searching #114

Thanks to @mstawick

1.5.3

Bugfix: Avoid space when opening select panel after previously showing "no entries found" message when placing <ngx-mat-select-search> inside a <mat-option> element #107

Thanks to @aroblu94 for reporting

1.5.2

Bugfix: Show "no entries found" message when placing <ngx-mat-select-search> inside a <mat-option> element #101

Thanks to @mstawick for reporting

1.5.1

Bugfix: Hide checkbox when placing <ngx-mat-select-search> inside a <mat-option> element and with <mat-select multi="true"> #98

Thanks to @jkhadivi for reporting

1.5.0

Bugfix: Fix scroll issue in iOS #70

Thanks to @JiaHongL
Enhancement / Bugfix: Allow placing <ngx-mat-select-search> inside a <mat-option> element. This prevents the search field being placed outside of the visible viewport (#1).

Note: it is still possible to place the <ngx-mat-select-search> element directly inside <mat-select> without wrapping it in an <mat-option> element.

Thanks to @hanuhimanshu
Examples: Add example for server-side filtering #26

Thanks to @hanuhimanshu
Examples: Add example for option groups #15

Thanks to @maechler
Examples: refactor examples into separate components #86

1.4.2

Bugfix: Error when quickly selecting an option #69

Thanks to @olaf89 for reporting
Bugfix: Filter selection jumps to next entry #73

Thanks to @Kimmova

1.4.1

Bugfix: Wrong panel positioning when select is at bottom edge of viewport due to overridden panel height (350px). The default panel height (256px) will be used #63

Note: the panel height can be changed via css (not recommended, as it leads to issues):
```
.mat-select-search-panel {
  ...
  max-height: 350px;
}
```
Thanks to @hadsy for reporting.

1.4.0

Enhancement: Tested and update peer dependency compatibility to allow @angular/core: ^7.0.0, @angular/cdk: ^7.0.0, @angular/material: ^7.0.0
Enhancement: Allow disabling initial focusing of the input field with @Input() disableInitialFocus #47
Bugfix: Clearing the search input by clicking the clear icon did not work with [clearSearchInput]="false" #55

Thanks to @ofriedrich for reporting

1.3.1

Bugfix: Error thrown when used together with *ngIf #53

Thanks to @rhyre for reporting

1.3.0

Enhancement: allow customization of the clear icon #41

Thanks to @OvidijusStukas
Enhancement: Add note about possible workaround for search input being displayed outside of the visible viewport in some cases #1

Thanks to @maxencefrenette

1.2.4

Enhancement: ensure forward compatibility independent of markup changes #38
Enhancement: fix warnings in tests, improve example

1.2.3

Bugfix: input shows rounded corners when used together with MatDatepicker #33

1.2.2

Bugfix: input shows drop shadow when used together with MatDatepicker #33

Thanks @irowbin for reporting

1.2.1

Bugfix: Width of the input field is wrong in IE11 when using large option texts with angular material 6+. #29

Thanks to @Sabartius

1.2.0

Enhancement: allow preventing clearing the search input when closing the select, needed for server-side filtering. #3

Thanks to @damianmigo

1.1.0

Enhancement: Use material theming and typography #21

Thanks to @Avejack
Enhancement: Adjust input field width to actual scroll bar width #21

Thanks to @Avejack
Enhancement: Add Angular 6 compatibility, update dependencies #23

Note: this reverts the RxJS operator path improvements (#17) in order to be compatible with both, Angular 5.x.x and 6.x.x

1.0.5

Enhancement: Really improve tree-shaking by importing RxJS operators from specific path #17

Thanks to @mtraynham

1.0.4

Enhancement: improve tree-shaking by importing RxJS operators from specific path #17

Thanks to @mtraynham

1.0.3

Enhancement: prevent scrollbar flashing when opening / closing #2

Thanks to @alexandrupaul7

1.0.2

Enhancement: disable autocomplete for search input field #5

1.0.1

Bugfix: don't clear initial selection with multi="true" #6

Thanks to @joqkey
Bugfix: show "no options found" message as soon as no options are found #4, #10

1.0.0

Initial Release

Files

CHANGELOG.md

Latest commit

History

CHANGELOG.md

File metadata and controls

Changelog

3.2.0

3.1.4

3.1.3

3.1.2

3.1.1

3.1.0

3.0.3

3.0.2

3.0.1

3.0.0

2.2.0

2.1.2

2.1.1

2.1.0

2.0.0

1.8.0

1.7.6

1.7.5

1.7.4

1.7.3

1.7.2

1.7.1

1.7.0

1.6.0

1.5.3

1.5.2

1.5.1

1.5.0

1.4.2

1.4.1

1.4.0

1.3.1

1.3.0

1.2.4

1.2.3

1.2.2

1.2.1

1.2.0

1.1.0

1.0.5

1.0.4

1.0.3

1.0.2

1.0.1

1.0.0