From 4bd87506b669ae728cc4d71957fbc7be6a097997 Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Wed, 18 May 2022 14:58:30 -0400
Subject: [PATCH] CSR-550 | Swap to object tag to attempt iPhone fix

---
 src/common-components/loading-modal/loading-modal.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/common-components/loading-modal/loading-modal.vue b/src/common-components/loading-modal/loading-modal.vue
index 715acd266..7beb113a4 100644
--- a/src/common-components/loading-modal/loading-modal.vue
+++ b/src/common-components/loading-modal/loading-modal.vue
@@ -3,7 +3,7 @@
     <div class="loading-modal">
       <section class="loading-modal-body">
         <div class="modal-icon-container text-center">
-            <img alt="Loading" src="@/assets/img/FMGTransitionAnimation.svg">
+          <object type="image/svg+xml" :data="fmgAnimatedTransition"/>
         </div>
        </section>
     </div>
@@ -11,11 +11,15 @@
 </template>
 
 <script>
+// load the path like this - <object> data attribute doesn't load the relative path correctly
+const FMGAnimatedTransition = require("@/assets/img/FMGTransitionAnimation.svg");
+
   export default {
     name: 'Modal',
     data() {
       return {
         isModalVisible: false,
+        fmgAnimatedTransition: FMGAnimatedTransition,
       };
     },
     methods: {