Fix Popup to Don't Interfere Other Component Interactions

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

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;
   }
 

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"
+       [style.bottom]="customStyle.bottom">
-       (click)="$event.stopPropagation()">
     <header class="popup-header">
       <div class="header-left">
         <ng-content select="[header-left]"></ng-content>