From bff9025d0e685f4e4ef378e500ce7951bac594a7 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Sat, 4 Dec 2021 22:28:40 +0530
Subject: [PATCH] change(ui) - revert 50e81ae2575fd418500b9f38d977288c4dc7f2ea

---
 .../MessageDistributor/managers/DOMManager.ts | 29 ++++++++++++-------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/frontend/app/player/MessageDistributor/managers/DOMManager.ts b/frontend/app/player/MessageDistributor/managers/DOMManager.ts
index 0db1a199d..f226c1b4e 100644
--- a/frontend/app/player/MessageDistributor/managers/DOMManager.ts
+++ b/frontend/app/player/MessageDistributor/managers/DOMManager.ts
@@ -149,7 +149,7 @@ export default class DOMManager extends ListWalker<TimedMessage> {
         this.insertNode(msg);
       break;
       case "create_element_node":
-    //  console.log('elementnode', msg)
+      // console.log('elementnode', msg)
         if (msg.svg) {
           this.nl[ msg.id ] = document.createElementNS('http://www.w3.org/2000/svg', msg.tag);
         } else {
@@ -253,20 +253,27 @@ export default class DOMManager extends ListWalker<TimedMessage> {
         }
       break;
       case "create_i_frame_document":
-      // console.log('ifr', msg)
         node = this.nl[ msg.frameID ];
-        if (!(node instanceof HTMLIFrameElement)) {
-          logger.warn("create_i_frame_document message. Node is not iframe")
-          return;
-        }
-      //   await new Promise(resolve => { node.onload = resolve })
+        // console.log('ifr', msg, node)
 
-        doc = node.contentDocument;
-        if (!doc) {
-          logger.warn("No iframe doc", msg, node, node.contentDocument);
+        if (node instanceof HTMLIFrameElement) {
+          doc = node.contentDocument;
+          if (!doc) {
+            logger.warn("No iframe doc", msg, node, node.contentDocument);
+            return;
+          }
+          this.nl[ msg.id ] = doc.documentElement
           return;
+        } else if (node instanceof Element) { // shadow DOM
+          try {
+            this.nl[ msg.id ] = node.attachShadow({ mode: 'open' })
+          } catch(e) {
+            logger.warn("Can not attach shadow dom", e, msg)
+          }
+        } else {
+          logger.warn("Context message host is not Element", msg)
         }
-        this.nl[ msg.id ] = doc.documentElement
+        
       break;
         //not sure what to do with this one
       //case "disconnected":