Add an option to add custom classes to the dropdown-menu. Closes #182

README.md

@@ -107,6 +107,7 @@ Any item can be `disabled` for prevent selection. For disable an item add the pr
 | isFocused | boolean | false | Makes the component focused |
 | keepSelectMenuOpened | boolean | false | Keeps the select menu opened |
 | autocomplete | string | `'off'` | Sets an autocomplete value for the input field |
+| dropDownMenuOtherClasses | string | `''` | Add css classes to the element with `dropdown-menu` class. For example `dropdown-menu-right` |
 | showOptionNotFoundForEmptyItems | boolean | false | Shows the "Not Found" menu option in case of out of items at all |
 
 | Output  | Description |

src/app/lib/ngx-select/ngx-select.component.html

@@ -70,6 +70,7 @@
 
     <!-- options template -->
     <ul #choiceMenu role="menu" *ngIf="isFocused" class="ngx-select__choices dropdown-menu"
+        [ngClass]="dropDownMenuOtherClasses"
         [class.show]="showChoiceMenu()">
         <li class="ngx-select__item-group" role="menuitem"
             *ngFor="let opt of optionsFiltered; trackBy: trackByOption; let idxGroup=index">

src/app/lib/ngx-select/ngx-select.component.ts

@@ -88,6 +88,7 @@ export class NgxSelectComponent implements INgxSelectOptions, ControlValueAccess
     @Input() public isFocused = false;
     @Input() public keepSelectMenuOpened = false;
     @Input() public autocomplete = 'off';
+    @Input() public dropDownMenuOtherClasses = '';
     public keyCodeToRemoveSelected = 'Delete';
     public keyCodeToOptionsOpen = ['Enter', 'NumpadEnter'];
     public keyCodeToOptionsClose = 'Escape';

src/app/lib/ngx-select/ngx-select.interfaces.ts

@@ -49,4 +49,5 @@ export interface INgxSelectOptions {
     keyCodeToNavigateLast?: string;
     isFocused?: boolean;
     autocomplete?: string;
+    dropDownMenuOtherClasses?: string;
 }