flikering after turor shot is active and switched to new pages

content.js

@@ -22,20 +22,6 @@ var sr;
     containerDiv.style.width = "0px"
     containerDiv.style.height = "0px"
     containerDiv.style.zIndex = "9999"
-    document.body.append(containerDiv)
-
-    const observer = new MutationObserver(async function (mutationsList, observer) {
-        for (let mutation of mutationsList) {
-            if (mutation.type === 'childList' && mutation.removedNodes.length > 0) {
-                if ([...mutation.removedNodes].includes(containerDiv)) {
-                    console.log('The target node has been removed from the DOM.');
-                    let data = await getCaptureData()
-                    reRenderFloatingBar(data)
-                }
-            }
-        }
-    });
-    observer.observe(document.body, { childList: true })
 
 
     sr = containerDiv.attachShadow({ mode: 'open' });
@@ -343,11 +329,13 @@ window.addEventListener('mousedown', async function (e) {
                 width: document.body.clientWidth,
             },
             tagName: e.target.tagName,
-            outerText: e.target.outerText,
-            interText: e.target.interText,
+            text: e.target.innerText,
             url: location.href,
             origin: location.origin,
         }
+        let newLineBreakIndex = captureInfo.text.search( '\n' )
+        if (newLineBreakIndex!=-1) captureInfo.text = captureInfo.text.slice(0, newLineBreakIndex)
+        // console.log('sending capture info', captureInfo)
         chrome.runtime.sendMessage({ action: "captureSS", captureInfo })
         let data = await getCaptureData()
         reRenderFloatingBar(data)