Fix Popup to Don't Interfere Other Component Interactions

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