From 026162e89f6f402ed56c05999bc963b55f3fb736 Mon Sep 17 00:00:00 2001
From: Ben Stein <bsstein@sei.cmu.edu>
Date: Fri, 14 Feb 2025 16:48:39 -0500
Subject: [PATCH] Fix https://github.com/cmu-sei/Gameboard/issues/550

---
 .../src/app/core/components/avatar/avatar.component.ts     | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/projects/gameboard-ui/src/app/core/components/avatar/avatar.component.ts b/projects/gameboard-ui/src/app/core/components/avatar/avatar.component.ts
index 5960492d..e97f875e 100644
--- a/projects/gameboard-ui/src/app/core/components/avatar/avatar.component.ts
+++ b/projects/gameboard-ui/src/app/core/components/avatar/avatar.component.ts
@@ -9,9 +9,11 @@ export type AvatarSize = 'tiny' | 'small' | 'medium' | 'large';
   styleUrls: ['./avatar.component.scss'],
   template: `
     <ng-template #tolTemplate>
-      <ng-content [select]="avatarTooltip"></ng-content>
+      <div #tooltipProjection>
+        <ng-content [select]="avatarTooltip"></ng-content>
+      </div>
     </ng-template>
-    <div [class]="'avatar-container avatar-size ' + this.sizeClass" [style.background-image]="escapedImgUrl" [tooltip]="tolTemplate" [placement]="tooltipPlacement"></div>
+    <div [class]="'avatar-container avatar-size ' + this.sizeClass" [style.background-image]="escapedImgUrl" [tooltip]="tooltipProjection?.nativeElement?.children?.length ? tolTemplate : undefined" [placement]="tooltipPlacement"></div>
   `,
 })
 export class AvatarComponent implements OnChanges {
@@ -20,6 +22,7 @@ export class AvatarComponent implements OnChanges {
   @Input() tooltipPlacement = PlacementForBs5.top;
 
   @ViewChild("searchBox") searchBox?: ElementRef<Input>;
+  @ViewChild("tooltipProjection") tooltipProjection?: ElementRef<HTMLDivElement>;
 
   protected escapedImgUrl = "";
   protected sizeClass = "avatar-size-medium";