@afeefa/vue-app 0.0.155 → 0.0.157

package/.afeefa/package/release/version.txt

@@ -1 +1 @@
-0.0.155
+0.0.157

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afeefa/vue-app",
-  "version": "0.0.155",
+  "version": "0.0.157",
   "description": "",
   "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
   "license": "MIT",

package/src-admin/components/FlyingContextContainer.vue

@@ -33,6 +33,7 @@ import { getZIndex } from 'vuetify/lib/util/helpers'
 export default class FlyingContextContainer extends Vue {
   visible = false
   oldOverflowY = null
+  isClosing = false
 
   mounted () {
     const mutationWatcher = new MutationObserver(this.domChanged)
@@ -59,9 +60,8 @@ export default class FlyingContextContainer extends Vue {
     return 0
   }
 
-
   sizeChanged () {
-    if (this.visible) {
+    if (this.visible && !this.isClosing) { // do not set size if it is already closing
       this.$nextTick(() => {
         const scrollbarWidth = this.getScrollbarWidth()
         const el = document.documentElement
@@ -90,12 +90,16 @@ export default class FlyingContextContainer extends Vue {
     } else {
       el.style.overflowY = this.oldOverflowY
       el.style.marginRight = 0
+
+      this.$el.style.left = '101vw' // set this if closing from outside e.g. via esc, which does not call this.hide()
     }
+    this.isClosing = false
   }
 
   hide () {
     if (this.visible) {
       this.$el.style.left = '101vw'
+      this.isClosing = true
       setTimeout(() => { // fade in then hide contents
         this.$events.dispatch(new FlyingContextEvent(FlyingContextEvent.HIDE_ALL))
       }, 200)