Update return element

display: contents to keep the widget from partaking in the flow of content

Author: iamrob-nl

package.json

@@ -1,7 +1,7 @@
 {
     "name": "javascriptsnippet",
     "widgetName": "JavaScriptSnippet",
-    "version": "2.1.1",
+    "version": "2.1.2",
     "description": "Insert custom JavaScript to your page.",
     "copyright": "2022 Incentro",
     "author": "Rob Duits",

src/JavaScriptSnippet.jsx

@@ -5,7 +5,7 @@ export function JavaScriptSnippet({ attributeList, jsCode, ...rest }) {
     const [canRender, setCanRender] = useState(false);
     const [javaScriptString, setJavaScriptString] = useState([]);
     const widgetName = rest.name || "";
-    const uid = useState((Date.now().toString(36) + Math.random().toString(36).substring(2)));
+    const uid = useState(Date.now().toString(36) + Math.random().toString(36).substring(2));
 
     function escape(htmlStr) {
         return htmlStr
@@ -14,7 +14,7 @@ export function JavaScriptSnippet({ attributeList, jsCode, ...rest }) {
             .replace(/>/g, ">")
             .replace(/"/g, """)
             .replace(/'/g, "'");
-    };
+    }
 
     // function unEscape(htmlStr) {
     //     htmlStr = htmlStr.replace(/&lt;/g, "<");
@@ -55,7 +55,7 @@ export function JavaScriptSnippet({ attributeList, jsCode, ...rest }) {
                 return null;
             });
         }
-        
+
         JSArray = JSArray.split("this").join(`'${widgetName}_${uid[0]}'`);
         setJavaScriptString(JSArray);
 
@@ -81,5 +81,5 @@ export function JavaScriptSnippet({ attributeList, jsCode, ...rest }) {
             console.warn(`${widgetName}: Error while evaluating javascript input. ${error}`);
         }
     }
-    return <div className={`${widgetName}_${uid[0]}`}></div>;
+    return <div className={`${widgetName}_${uid[0]}`} style={{ display: "contents" }}></div>;
 }

src/package.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="JavaScriptSnippet" version="2.1.1" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="JavaScriptSnippet" version="2.1.2" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="JavaScriptSnippet.xml" />
         </widgetFiles>