fix(components/lookup): search icon is placed within input when not u…

…sing an input box or the show more functionality (#701) (#704)
blackbaud · Oct 18, 2022 · ef2862a · ef2862a
1 parent 73c5c0d
commit ef2862a
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/libs/components/lookup/src/lib/modules/lookup/lookup.component.html b/libs/components/lookup/src/lib/modules/lookup/lookup.component.html
@@ -69,6 +69,11 @@
               (keydown)="inputKeydown($event)"
               (keyup)="inputKeyup($event)"
             ></textarea>
+            <ng-container *ngIf="!inputBoxHostSvc && !enableShowMore">
+              <ng-container
+                *ngTemplateOutlet="searchIconTemplateRef"
+              ></ng-container>
+            </ng-container>
           </sky-tokens>
           <div
             *ngIf="selectMode === 'single'"
@@ -86,18 +91,18 @@
               [disabled]="disabled"
               (blur)="onAutocompleteBlur()"
             ></textarea>
+            <ng-container *ngIf="!inputBoxHostSvc && !enableShowMore">
+              <ng-container
+                *ngTemplateOutlet="searchIconTemplateRef"
+              ></ng-container>
+            </ng-container>
           </div>
         </div>
         <ng-container *ngIf="!inputBoxHostSvc && enableShowMore">
           <ng-container
             *ngTemplateOutlet="showMoreButtonTemplateRef"
           ></ng-container>
         </ng-container>
-        <ng-container *ngIf="!inputBoxHostSvc && !enableShowMore">
-          <ng-container
-            *ngTemplateOutlet="searchIconTemplateRef"
-          ></ng-container>
-        </ng-container>
       </div>
     </sky-autocomplete>
   </div>