@movable/studio-framework 3.4.1 → 3.5.0-canary.0

package/dist/index.es.js

@@ -1612,6 +1612,7 @@ class StudioTool extends React.Component {
 
 function trimTextOverflow(element) {
   const parentElement = element.parentElement;
+  parentElement.style.overflowWrap = 'break-word';
   const parentBox = parentElement.getBoundingClientRect(); // It fits already; no need to resize.
 
   if (!overflowsParent$1(element, parentBox)) {
@@ -1681,8 +1682,7 @@ function findOverlappingElement(element, parentBox) {
 
 function overflowsParent$1(element, parentBox) {
   const selfBox = element.getBoundingClientRect();
-  const isOutside = !(selfBox.left >= parentBox.left && selfBox.right <= parentBox.right && selfBox.bottom <= parentBox.bottom && element.scrollHeight <= parentBox.height && element.scrollWidth <= parentBox.width);
-  return isOutside;
+  return selfBox.bottom > parentBox.bottom;
 }
 
 const {
@@ -2443,37 +2443,40 @@ function getDocumentNode(node) {
 }
 
 const BASE_STYLE = 'margin: 0px;';
-function cleanHTML(element) {
+function cleanHTML(element, format) {
   const doc = getDocumentNode(element);
-  const body = doc.body;
-  const html = doc.children[0];
   const analytics = doc.querySelector('#mi-data');
   const analyticsLength = analytics ? (analytics.getAttribute('data-mi-data') || '').length : 0;
-  const imageRedirect = doc.querySelector('#mi-redirect-image');
-  const newBody = doc.createElement('body');
-  newBody.style.cssText = BASE_STYLE;
-  newBody.appendChild(element);
 
   if (analyticsLength > 500) {
     analytics.setAttribute('data-mi-data', '{}');
     console.log('extraData trying to be set exceeds 500 characters, setting extraData to be empty to avoid breaking crops');
   }
 
-  if (analytics) {
-    analytics.style.display = 'none';
-    newBody.appendChild(analytics);
-  }
+  if (format === 'html') {
+    const body = doc.body;
+    const html = doc.children[0];
+    const imageRedirect = doc.querySelector('#mi-redirect-image');
+    const newBody = doc.createElement('body');
+    newBody.style.cssText = BASE_STYLE;
+    newBody.appendChild(element);
 
-  if (imageRedirect) {
-    imageRedirect.style.display = 'none';
-    newBody.appendChild(imageRedirect);
-  }
+    if (analytics) {
+      analytics.style.display = 'none';
+      newBody.appendChild(analytics);
+    }
 
-  html.replaceChild(newBody, body);
-  const scripts = doc.querySelectorAll('script');
+    if (imageRedirect) {
+      imageRedirect.style.display = 'none';
+      newBody.appendChild(imageRedirect);
+    }
 
-  for (let index = 0; index < scripts.length; index++) {
-    scripts[index].remove();
+    html.replaceChild(newBody, body);
+    const scripts = doc.querySelectorAll('script');
+
+    for (let index = 0; index < scripts.length; index++) {
+      scripts[index].remove();
+    }
   }
 }
 
@@ -3099,8 +3102,9 @@ class StudioFramework {
         }
       }
 
+      cleanHTML(targetElement, format);
+
       if (format === 'html') {
-        cleanHTML(targetElement);
         addBrowserContent(targetElement);
       }
     } catch (e) {