From 35d20eab768f7087e08ad4b6ceb01cc43d6a3428 Mon Sep 17 00:00:00 2001
From: copecone <controld3785@gmail.com>
Date: Sun, 19 Apr 2026 20:13:30 +0900
Subject: [PATCH] Fix Popup to Don't Interfere Other Component Interactions

---
 build.ps1                               | 2 +-
 src/app/components/dropdown/dropdown.ts | 1 +
 src/app/components/popup/popup.html     | 5 ++---
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/build.ps1 b/build.ps1
index db7b37e..13c19b6 100644
--- a/build.ps1
+++ b/build.ps1
@@ -1,7 +1,7 @@
 # AefComponentTest Docker 이미지 빌드 및 추출 스크립트
 
 $IMAGE_NAME = "aef-component-test"
-$TAG = "0.0.7"
+$TAG = "0.0.8"
 $OUTPUT_FILE = "aef-component-test.tar"
 
 Write-Host "--- Docker 이미지 빌드 시작: ${IMAGE_NAME}:${TAG} ---" -ForegroundColor Cyan
diff --git a/src/app/components/dropdown/dropdown.ts b/src/app/components/dropdown/dropdown.ts
index 7e2dad2..1c5faf1 100644
--- a/src/app/components/dropdown/dropdown.ts
+++ b/src/app/components/dropdown/dropdown.ts
@@ -222,6 +222,7 @@ export class Dropdown implements OnInit {
     if (!this.element.nativeElement.contains(event.target) && !this.wasInside) {
       this.close();
     }
+
     this.wasInside = false;
   }
 
diff --git a/src/app/components/popup/popup.html b/src/app/components/popup/popup.html
index 4b5b901..3d72683 100644
--- a/src/app/components/popup/popup.html
+++ b/src/app/components/popup/popup.html
@@ -1,12 +1,11 @@
-<div class="popup-backdrop" [class.center]="isCenter" (click)="onClose()">
+<div class="popup-backdrop" [class.center]="isCenter" (click)="$event.target === $event.currentTarget && onClose()">
   <div class="popup-container"
        [class]="'variant-' + variant()"
        [class.custom-pos]="!isCenter"
        [style.top]="customStyle.top"
        [style.left]="customStyle.left"
        [style.right]="customStyle.right"
-       [style.bottom]="customStyle.bottom"
-       (click)="$event.stopPropagation()">
+       [style.bottom]="customStyle.bottom">
     <header class="popup-header">
       <div class="header-left">
         <ng-content select="[header-left]"></ng-content>