@contentful/experiences-visual-editor-react 1.40.0-alpha-20250604T1545-078bcac.0 → 1.40.0-alpha-20250702T0805-d0f2745.0

package/dist/index.js

@@ -1433,6 +1433,10 @@ const findOutermostCoordinates = (first, second) => {
         left: Math.min(first.left, second.left),
     };
 };
+const isElementHidden = (rect) => {
+    /** if the rect has no size and position, its element is not rendered in the DOM */
+    return rect.width === 0 && rect.height === 0 && rect.x === 0 && rect.y === 0;
+};
 const getElementCoordinates = (element) => {
     const rect = element.getBoundingClientRect();
     /**
@@ -1664,7 +1668,14 @@ function buildTemplate({ template, context, }) {
 
 const stylesToKeep = ['cfImageAsset'];
 const stylesToRemove = CF_STYLE_ATTRIBUTES.filter((style) => !stylesToKeep.includes(style));
-const propsToRemove = ['cfHyperlink', 'cfOpenInNewTab', 'cfSsrClassName'];
+// cfWrapColumns & cfWrapColumnsCount are no real style attributes as they are handled on the editor side
+const propsToRemove = [
+    'cfHyperlink',
+    'cfOpenInNewTab',
+    'cfSsrClassName',
+    'cfWrapColumns',
+    'cfWrapColumnsCount',
+];
 const sanitizeNodeProps = (nodeProps) => {
     return omit(nodeProps, stylesToRemove, propsToRemove);
 };
@@ -4192,6 +4203,9 @@ const collectNodeCoordinates = (node, nodeToCoordinatesMap) => {
     const selectedElement = document.querySelector(`[data-cf-node-id="${node.data.id}"]`);
     if (selectedElement) {
         const rect = getElementCoordinates(selectedElement);
+        if (isElementHidden(rect)) {
+            return;
+        }
         nodeToCoordinatesMap[node.data.id] = {
             coordinates: {
                 x: rect.x + window.scrollX,