Is it possible to expand the height to 100% on a richText that is in a formLayout?

<layout expand="form">
        <formLayout id="form" dataContainer="kanbanTaskCommentDc" height="100%">
            <responsiveSteps>
                <responsiveStep minWidth="0" columns="1"/>
                <responsiveStep minWidth="0" columns="2"/>
            </responsiveSteps>
            <textField property="title" colspan="2"/>
            <richTextEditor id="commentField" property="comment" height="100%" colspan="2"/>
            <entityPicker id="kanbanUserField" label="User" property="kanbanUser" enabled="false"/>
            <dateTimePicker id="createdDateField" property="createdDate" enabled="false"/>
        </formLayout>
        <hbox id="detailActions" width="96px">
            <button id="saveAndCloseButton" action="saveAction"/>
            <button id="closeButton" action="closeAction"/>
        </hbox>
    </layout>

image

Hi,

Unfortunately, the components inside formLayout can only have an auto height, because so do internal wrappers (Vaadin internal logic).

I ended up doing two form layouts that sandwiched the rich text editor to be able to expand it. Having to put the value from the edited entity on before show and writing out the value on before save… Would you recommend a better way of doing this. Screen real estate is an important thing since Im using to put screenshots on the rich text field.