From ef2862afc2a85bb682da3ba5b6edf0ae233fad3e Mon Sep 17 00:00:00 2001
From: Trevor Burch <Trevor.Burch@blackbaud.com>
Date: Tue, 18 Oct 2022 10:08:14 -0400
Subject: [PATCH] fix(components/lookup): search icon is placed within input
 when not using an input box or the show more functionality (#701) (#704)

---
 .../src/lib/modules/lookup/lookup.component.html  | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 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
index a6a3afcb4d..462ac60a68 100644
--- 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,6 +91,11 @@
               [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">
@@ -93,11 +103,6 @@
             *ngTemplateOutlet="showMoreButtonTemplateRef"
           ></ng-container>
         </ng-container>
-        <ng-container *ngIf="!inputBoxHostSvc && !enableShowMore">
-          <ng-container
-            *ngTemplateOutlet="searchIconTemplateRef"
-          ></ng-container>
-        </ng-container>
       </div>
     </sky-autocomplete>
   </div>