Client: fix search dropdown

2 files changed, 4 insertions, 2 deletions

diff --git a/client/src/app/app.module.ts b/client/src/app/app.module.ts
index 980625f13..80734f7a2 100644
--- a/client/src/app/app.module.ts
+++ b/client/src/app/app.module.ts
@@ -6,6 +6,7 @@ import { RouterModule } from '@angular/router';
 import { removeNgStyles, createNewHosts } from '@angularclass/hmr';
 
 import { BytesPipe } from 'angular-pipes/src/math/bytes.pipe';
+import { DropdownModule } from 'ng2-bootstrap/components/dropdown';
 import { ProgressbarModule } from 'ng2-bootstrap/components/progressbar';
 import { PaginationModule } from 'ng2-bootstrap/components/pagination';
 import { FileUploadModule } from 'ng2-file-upload/ng2-file-upload';
@@ -111,6 +112,7 @@ const APP_PROVIDERS = [
     HttpModule,
     RouterModule.forRoot(routes),
 
+    DropdownModule,
     ProgressbarModule,
     PaginationModule,
     FileUploadModule
diff --git a/client/src/app/shared/search/search.component.html b/client/src/app/shared/search/search.component.html
index fb13ac72e..b3afc9598 100644
--- a/client/src/app/shared/search/search.component.html
+++ b/client/src/app/shared/search/search.component.html
@@ -3,8 +3,8 @@
     <button id="simple-btn-keyboard-nav" type="button" class="btn btn-default" dropdownToggle>
       {{ getStringChoice(searchCriterias.field) }} <span class="caret"></span>
     </button>
-    <ul class="dropdown-menu" role="menu" aria-labelledby="simple-btn-keyboard-nav">
-      <li *ngFor="let choice of choiceKeys" class="dropdown-item">
+    <ul class="dropdown-menu" role="menu" aria-labelledby="simple-btn-keyboard-nav" dropdownMenu>
+      <li *ngFor="let choice of choiceKeys" class="dropdown-item" role="menu-item">
         <a class="dropdown-item" href="#" (click)="choose($event, choice)">{{ getStringChoice(choice) }}</a>
       </li>
     </ul>