fixup! fix(image-editor): open newly created image when closing the image editor

Signed-off-by: Hamza <hamzamahjoubi221@gmail.com>

Author: hamza221

src/components/ImageEditor.vue

@@ -39,7 +39,6 @@ export default {
 	data() {
 		return {
 			imageEditor: null,
-			observer: null,
 		}
 	},
 
@@ -134,31 +133,14 @@ export default {
 		)
 		this.imageEditor.render()
 		window.addEventListener('keydown', this.handleKeydown, true)
-
-		this.observer = new MutationObserver((mutations) => {
-			mutations.forEach((mutation) => {
-				if (mutation.type === 'childList') {
-					mutation.addedNodes.forEach((node) => {
-						if (node.classList.contains('FIE_root') || node.classList.contains('SfxModal-Wrapper')) {
-							emit('viewer:trapElements:changed', node)
-						}
-					})
-				}
-			})
-		})
-		// using body instead of the editor ref because save modal is not mounted in editor
-		this.observer.observe(document.body, {
-			childList: true,
-			subtree: true,
-		})
+		window.addEventListener('DOMNodeInserted', this.handleSfxModal)
 
 	},
 
 	beforeDestroy() {
 		if (this.imageEditor) {
 			this.imageEditor.terminate()
 		}
-		this.observer.disconnect()
 		window.removeEventListener('keydown', this.handleKeydown, true)
 	},
 
@@ -313,6 +295,17 @@ export default {
 			}
 		},
 
+		/**
+		 * Watch out for Modal inject in document root
+		 * That way we can adjust the focusTrap
+		 *
+		 * @param {Event} event Dom insertion event
+		 */
+		handleSfxModal(event) {
+			if (event.target?.classList && event.target.classList.contains('SfxModal-Wrapper')) {
+				emit('viewer:trapElements:changed', event.target)
+			}
+		},
 	},
 }
 </script>