From 100c93b5ae1d827d9592b6937584b6799e6c2c15 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Fri, 22 Jan 2021 12:20:33 +0200
Subject: [PATCH] Stopped dialog animation mocking transparent elements'
 background color

---
 app/imports/ui/dialogStack/DialogStack.vue | 2 --
 app/imports/ui/dialogStack/mockElement.js  | 9 ++++++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/imports/ui/dialogStack/DialogStack.vue b/app/imports/ui/dialogStack/DialogStack.vue
index fd8fb680..0a807e6b 100644
--- a/app/imports/ui/dialogStack/DialogStack.vue
+++ b/app/imports/ui/dialogStack/DialogStack.vue
@@ -42,8 +42,6 @@
 </template>
 
 <script>
-  import Vue from 'vue';
-  import anime from 'animejs';
   import '/imports/ui/dialogStack/dialogStackWindowEvents.js';
   import mockElement from '/imports/ui/dialogStack/mockElement.js';
   import DialogComponentIndex from '/imports/ui/dialogStack/DialogComponentIndex.js';
diff --git a/app/imports/ui/dialogStack/mockElement.js b/app/imports/ui/dialogStack/mockElement.js
index fdf1c7c0..de843514 100644
--- a/app/imports/ui/dialogStack/mockElement.js
+++ b/app/imports/ui/dialogStack/mockElement.js
@@ -48,8 +48,11 @@ export default function mockElement({source, target, offset = {x: 0, y: 0}}){
   // Mock the source
   target.style.transform = `translate(${deltaLeft}px, ${deltaTop}px) ` +
 		`scale(${deltaWidth}, ${deltaHeight})`;
-
-	target.style.backgroundColor = getComputedStyle(source).backgroundColor;
+  // Mock the background color unless it's completely transparent
+  let backgroundColor = getComputedStyle(source).backgroundColor
+  if (backgroundColor !== 'rgba(0, 0, 0, 0)'){
+    target.style.backgroundColor = backgroundColor;
+  }
 	// Edge might not combine all border radii into a single value,
 	// So we just sample the top left one if we need to
 	let oldRadius = getComputedStyle(source).borderRadius ||
@@ -60,4 +63,4 @@ export default function mockElement({source, target, offset = {x: 0, y: 0}}){
 		getComputedStyle(source).boxShadow, deltaWidth, deltaHeight
 	);
 	target.style.setProperty('box-shadow', boxShadow, 'important');
-};
+}