Issue 12: Form - property "height" overwrites "minHeight"

Webix JS
1

Component Issues:
Component: Form - property “height” overwrites “minHeight”

Form properties do not work like expected:

minHeight="900" 

height="200"

By enabling property “height” the property “minHeight” stops working.
Means that property “height” has higher priority than “minHeight”.

This is incorrect behaviour.
Property “minHeight” supposed to have higher priority than “height”.

See test example below:
http://webix.com/snippet/d69331af

If the property “height” is removed, then the “minHeight” works as expected.

2

Do you have some real scenario where both values are necessary , and height is smaller than minHeight ?

I agree that it is more similar to css rules, when minHeight has a more high priority, but currently it works in a bit more simple way - if height (or width) defined, its value will be used regardless of minHeight (minWidth) and maxHeight (maxWidth) values.

if you want to have a fixed size - define a height. if you want to have a flexible size - define minHeight, maxHeight pair.

3

This is a real-life scenario - I want to have a Form with:

  1. Default height = “height”

and

  1. Minimum Form height not less than = “minHeight”

Btw, this Forum Editor is strange.
While editing, I numbered my points ## 1 and 2, but in a post they are translated to 1 and 1

4

Currently the same can be done by setting minHeight and maxHeight values. Component will use maxHeight value as default one, and if it doesn’t fit will decrease the height, but not lesser than minHeight value.

5
  • maxHeight - I want to set this size, but sizes are flexible
  • height - I want to set exactly this size
6

Thank you for clarificaiton.
Can someone update documentation so that other developers know about this feature?

7

Yep, sure