diff --git a/src/app/shared/input-suggestions/dso-input-suggestions/dso-input-suggestions.component.html b/src/app/shared/input-suggestions/dso-input-suggestions/dso-input-suggestions.component.html index 12b5132202336ce161a775a0f3bd74fd44aa65c5..2b605ccdc603a30d44e82811e3b38fccdf060284 100644 --- a/src/app/shared/input-suggestions/dso-input-suggestions/dso-input-suggestions.component.html +++ b/src/app/shared/input-suggestions/dso-input-suggestions/dso-input-suggestions.component.html @@ -13,9 +13,11 @@ <div class="autocomplete dropdown-menu" [ngClass]="{'show': (show | async) && isNotEmpty(suggestions)}"> <div class="dropdown-list"> <div *ngFor="let suggestionOption of suggestions"> - <a href="#" class="d-block dropdown-item" (click)="onClickSuggestion(suggestionOption)" #suggestion> + <button class="d-block dropdown-item" (click)="onClickSuggestion(suggestionOption)" #suggestion> + <div class="click-blocker"> + </div> <ds-wrapper-list-element [object]="suggestionOption"></ds-wrapper-list-element> - </a> + </button> </div> </div> </div> diff --git a/src/app/shared/input-suggestions/dso-input-suggestions/dso-input-suggestions.component.spec.ts b/src/app/shared/input-suggestions/dso-input-suggestions/dso-input-suggestions.component.spec.ts index 2e343a6834340dc364ddb16db918052f785b11b7..4229060e86c6e382bd16f375431208e44cbda821 100644 --- a/src/app/shared/input-suggestions/dso-input-suggestions/dso-input-suggestions.component.spec.ts +++ b/src/app/shared/input-suggestions/dso-input-suggestions/dso-input-suggestions.component.spec.ts @@ -60,7 +60,7 @@ describe('DsoInputSuggestionsComponent', () => { const clickedIndex = 0; beforeEach(() => { spyOn(comp, 'onClickSuggestion'); - const clickedLink = de.query(By.css('.dropdown-list > div:nth-child(' + (clickedIndex + 1) + ') a')); + const clickedLink = de.query(By.css('.dropdown-list > div:nth-child(' + (clickedIndex + 1) + ') button')); clickedLink.triggerEventHandler('click', {}); fixture.detectChanges(); }); diff --git a/src/app/shared/input-suggestions/input-suggestions.component.scss b/src/app/shared/input-suggestions/input-suggestions.component.scss index b04cef2adf6c3ba204529c0210cf2ae57c511998..eb0db5ed426ab6837f169c471cb827ad535f929a 100644 --- a/src/app/shared/input-suggestions/input-suggestions.component.scss +++ b/src/app/shared/input-suggestions/input-suggestions.component.scss @@ -1,12 +1,23 @@ .autocomplete { width: 100%; + .dropdown-item { white-space: normal; word-break: break-word; padding: $input-padding-y $input-padding-x; + position: relative; + &:focus { outline: none; } + + .click-blocker { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + } } }