fixed positioning of tooltip

src/main/webapp/app/search/search-input/search-input.component.html

@@ -7,7 +7,7 @@
                     <input type="text" class="form-control" queryParamName="searchText"
                            placeholder="{{ 'search.filters.search' | translate }}"/>
                     <ng-template #helpFulltext> {{ 'search.help.fulltext' | translate}}</ng-template>
-                    <fa-icon style="padding: 10px 0px 0px 10px;" [ngbTooltip]="helpFulltext" [icon]="questionIcon"></fa-icon>
+                    <fa-icon style="padding: 10px 0px 0px 10px;" [ngbTooltip]="helpFulltext" container="body" [icon]="questionIcon"></fa-icon>
                 </div>
             </form>
         </div>
@@ -18,7 +18,7 @@
                     <input type="text" class="form-control" queryParamName="programmingLanguage" [ngbTypeahead]="autoCompleteProgrammingLanguage" 
                            placeholder="{{ 'search.filters.programmingLanguage' | translate }}"/>
                     <ng-template #helpPL> {{ 'search.help.programmingLanguage' | translate}}</ng-template>
-                    <fa-icon style="padding: 10px 0px 0px 10px;" [ngbTooltip]="helpPL" [icon]="questionIcon"></fa-icon>
+                    <fa-icon style="padding: 10px 0px 0px 10px;" [ngbTooltip]="helpPL" container="body"  [icon]="questionIcon"></fa-icon>
                 </div>
             </form>
         </div>
@@ -29,7 +29,7 @@
                     <input type="text" class="form-control" queryParamName="keyword" [ngbTypeahead]="autoCompleteKeyWords"
                            placeholder="{{ 'search.filters.keywords' | translate }}"/>
                     <ng-template #helpKeyword> {{ 'search.help.keywords' | translate}}</ng-template>
-                    <fa-icon style="padding: 10px 0px 0px 10px;" [ngbTooltip]="helpKeyword" [icon]="questionIcon"></fa-icon>
+                    <fa-icon style="padding: 10px 0px 0px 10px;" [ngbTooltip]="helpKeyword" container="body" [icon]="questionIcon"></fa-icon>
                 </div>
             </form>
         </div>
@@ -39,8 +39,8 @@
                 <div class="input-group w-100 mt-3">
                     <input type="text" class="form-control" queryParamName="author" name="author" [ngbTypeahead]="autoCompleteContributorCreator" 
                            placeholder="{{ 'search.filters.author' | translate }}"/>
-                    <ng-template #helpauthorContritbutors> {{ 'search.help.authorContritbutors' | translate}}</ng-template>
-                    <fa-icon style="padding: 10px 0px 0px 10px;" [ngbTooltip]="helpauthorContritbutors" [icon]="questionIcon"></fa-icon>
+                    <ng-template #helpauthorContritbutors data-container="body"> {{ 'search.help.authorContritbutors' | translate}}</ng-template>
+                    <fa-icon style="padding: 10px 0px 0px 10px;" [ngbTooltip]="helpauthorContritbutors" container="body" [icon]="questionIcon"></fa-icon>
                 </div>
             </form>
         </div>
@@ -51,7 +51,7 @@
                     <input type="text" class="form-control" queryParamName="license"
                            placeholder="{{ 'search.filters.license' | translate }}"/>
                     <ng-template #helpLicense> {{ 'search.help.license' | translate}}</ng-template>
-                    <fa-icon style="padding: 10px 0px 0px 10px;" [ngbTooltip]="helpLicense" [icon]="questionIcon"></fa-icon>
+                    <fa-icon style="padding: 10px 0px 0px 10px;" [ngbTooltip]="helpLicense" container="body"  [icon]="questionIcon"></fa-icon>
                 </div>
             </form>
         </div>