Design custom page

When it comes to designing a page, you have basically 2 options either using "Html snippets" which has a limitation of not being able to render JavaScript meaning that you can't call specific action when a user clicks a button or modify the DOM after the after the page is loaded.

Another option is to create widget which basically gives you freedom to design anything but the problem with that is that you can't update the container and as the widget loads it has a specific height and cannot be updated, that mean there will always be a scroll if it exceeds the set height.

In the beginning I thought of implementing

window.parent.document

to get the DOM and update based on estimated height, but the issue is that the widgets are hosted on a different domain than the creator app, so the browser will not allow it as cross-origin.

window.parent.postMessage() is not relevant as I do not have access to listen to it on the main frame of the page.

Similar to ZOHO.CREATOR.UTIL.navigateParentURL(param) there should be an option to modify the container height.

Is there any workaround?