Added close on background click for dates and export popup

2024-08-30 11:47:51 +02:00
parent 924a6a8d1d
commit a78bbfb80d
2 changed files with 16 additions and 0 deletions
--- a/client/components/dates_popup/dates_popup.js
+++ b/client/components/dates_popup/dates_popup.js
@ -51,10 +51,18 @@ class DatesPopup extends HTMLElement{

    hide(){
        this.style.visibility = "hidden";
+        window.removeEventListener("click", this.backgroundClickCallback);
+    }
+
+    backgroundClickCallback = ({target}) => {
+        if(target.id == "dates-popup"){
+            this.hide();
+        }
    }

    show(){
        this.setMaxInputDate();
+        window.addEventListener("click", this.backgroundClickCallback);
        this.style.visibility = "visible";
    }