diff --git a/CHANGELOG.md b/CHANGELOG.md index e3d3f1b..e45fffb 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,15 @@ # Changelog +## 1.3.0 +* Enhancement: allow customization of the clear icon [#41](https://github.com/bithost-gmbh/ngx-mat-select-search/issues/41) + + Thanks to @OvidijusStukas + +* Enhancement: Add note about possible workaround for search input being displayed + outside of the visible viewport in some cases [#1](https://github.com/bithost-gmbh/ngx-mat-select-search/issues/1) + + Thanks to @maxencefrenette + ## 1.2.4 * Enhancement: ensure forward compatibility independent of markup changes [#38](https://github.com/bithost-gmbh/ngx-mat-select-search/issues/38) * Enhancement: fix warnings in tests, improve example diff --git a/README.md b/README.md index 5e9f3f9..839976e 100644 --- a/README.md +++ b/README.md @@ -80,15 +80,31 @@ Furthermore, it provides the following inputs: @Input() clearSearchInput = false; ``` +#### Customize clear icon +In order to customize the search icon, add the `ngxMatSelectSearchClear` to your custom clear item (a `mat-icon` or any other element) and place it inside the `ngx-mat-select-search` component: +```html + + delete + +``` + +## Known Problems / Solutions +* The search input is placed outside of the visible screen if the select element is at the top of the screen + (in the stackblitz example, remove the header + or add some content above the select and scroll the select to the top edge). [#1](https://github.com/bithost-gmbh/ngx-mat-select-search/issues/1) + + Workaround: use the disableOptionCentering option on the `` + [https://material.angular.io/components/select/api](https://material.angular.io/components/select/api) + ## Development This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.1. -## Contributions +### Contributions Contributions are welcome, please open an issue and preferrably file a pull request. -## Development server +### Development server Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. diff --git a/package-lock.json b/package-lock.json index 530b698..451dced 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "ngx-mat-select-search", - "version": "1.2.4", + "version": "1.3.0", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 26c6ee5..584b294 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "ngx-mat-select-search", "description": "Library that provides an angular component providing an input field for searching / filtering MatSelect options of the Angular Material library.", - "version": "1.2.4", + "version": "1.3.0", "license": "MIT", "scripts": { "ng": "ng",