Unlayer Email Editor custom component display issue

I’m trying to create a custom component of the Unlayer email editor.

I have created everything as per my understanding of JS custom components. However, the height of the component does not display the full editor without a scroll bar. See ==> Unlayer Custom HTML component

The Unlayer developer docs state that…
It is recommended that the container has a minimum width of 1024px and minimum height of 700px . The editor is designed to be fluid and will take full width and height of the container.

How do I determine the min height of component? I have created a role with

.anvil-role-fullsize {
  min-height: 700px;
}

that I have applied to the Column Panel component that contains the custom component without success.

Below is a clone app to see what I hae tried. Your assistance to resole this is greatly appreciated.

1 Like