feat: Support percentage height for ui.form components #326

[marek-mihok]

Screen.Recording.2023-06-02.at.11.02.23.mov

Closes #326

[marek-mihok]

@mturoci just fyi, I went through every tour example, tested it in every browser, ran the regression tests and it is working fine, nothing is broken. The support of setting the height in other CSS units is untouched - it works as before. And this implementation works inside responsive layouts too.

[mturoci]

Sounds good. Can you elaborate more on what was the problem and why this is the right solution? Did this happen for the table only or were any other components affected as well?

And this implementation works inside responsive layouts too.

I am wondering how this is possible since percentage height requires the parent container to have fixed height specified.

[marek-mihok]

I'm closing this PR as setting the height of ui.form components in percentage units is ambiguous - 50% of what? Of the parent ui.inline? Of the ui.form, of the card, of the page or viewport?

We will go with the implementation of setting the height='1' option to fill the all available height for relevant components like we already did for ui.copyable_text or ui.table.