CFF Gutenberg Blocks Spill Outside of Boundries

Hello,

CFF is a wonderful plugin – I use both the free and paid versions.

One issue I am hoping to resolve is the hard coded width of the IFRAME when building with Gutenberg. Starting around line 135 in file “/pagebuilders/gutenberg/assets/js/gutenberg.js” the block IFRAME is set to “500” for width:

if (!/^\s*$/.test(id)) {
   children.push(
   el(
	"div",
	{ className: "cff-iframe-container", key: "cpcff_form_container" },
	el("div", { className: "cff-iframe-overlay", key: "cpcff_form_overlay" }),
	el("iframe", {
		key: "cpcff_form_iframe",
		src: cpcff_gutenberg_editor_config["url"] + generate_url_params(),
		height: "0",
		width: "500",
		scrolling: "no",
		})
	)
   );
}

If CFF blocks are added to columns or groups that are narrower than this setting, CFF forms spill outside the column/group boundary. While this only affects the visual appearance within the editor, it adversely affects the overall building experience.

In testing, changing the IFRAME width to “100%” (i.e. within gutenberg.js) resolves the issue and prevents CFF blocks from spilling beyond element boundaries. This also allows CFF form blocks to grow and fill any containing blocks.

Is there any code/override that can be added to alter the hard coded width for the CFF block IFRAMES?

Thanks for a great plugin.