From f33b3c21fe574f05ece81a92ce973c94f076b7b5 Mon Sep 17 00:00:00 2001
From: Kacper Donat <kadet1090@gmail.com>
Date: Sun, 19 Jan 2020 21:39:48 +0100
Subject: [PATCH] Remove unnecessary listeners from popper

---
 resources/components/popper.html | 2 +-
 resources/ts/components/utils.ts | 4 ----
 templates/app.html.twig          | 2 +-
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/resources/components/popper.html b/resources/components/popper.html
index abb20fa..5ad58c9 100644
--- a/resources/components/popper.html
+++ b/resources/components/popper.html
@@ -1,4 +1,4 @@
-<div class="popper" :class="{ 'popper--arrow': arrow }" v-on="listeners">
+<div class="popper" :class="{ 'popper--arrow': arrow }" v-on="$listeners">
     <div class="popper__arrow" ref="arrow" v-if="arrow"></div>
     <slot />
 </div>
diff --git a/resources/ts/components/utils.ts b/resources/ts/components/utils.ts
index a2e12b6..d2ba78f 100644
--- a/resources/ts/components/utils.ts
+++ b/resources/ts/components/utils.ts
@@ -66,10 +66,6 @@ export class PopperComponent extends Vue {
         this._popper.update();
     }
 
-    get listeners() {
-        return { ...this.$listeners, focusout: this.focusOut }
-    }
-
     @Watch('visible')
     private onVisibilityUpdate() {
         this._popper.update();
diff --git a/templates/app.html.twig b/templates/app.html.twig
index 32753f6..3ca067f 100644
--- a/templates/app.html.twig
+++ b/templates/app.html.twig
@@ -106,7 +106,7 @@
                     </button>
                 </div>
 
-                <popper reference="save" v-if="visibility.save" arrow tabindex="-1" @leave="visibility.save = false">
+                <popper reference="save" v-if="visibility.save" arrow tabindex="-1" @leave="visibility.save = false" placement="bottom-end">
                     <favourites-adder @saved="visibility.save = false"/>
                 </popper>
             </section>