user-assistance-density default value needs to be explicitly set for nested oj-form-layout components

[pentzzsolt]

Using JET 9.0.0, Redwood theme, given the following markup:

<oj-form-layout class="oj-formlayout-full-width">
  <oj-input-number label-hint="test" required="true"></oj-input-number>
  <oj-input-number label-hint="test2" required="true"></oj-input-number>
  <oj-form-layout class="oj-formlayout-full-width" max-columns="2">
    <oj-select-single label-hint="test3" required="true"></oj-select-single>
    <oj-select-single label-hint="test4" required="true"></oj-select-single>
  </oj-form-layout>
  <oj-input-date-time label-hint="test5" required="true"></oj-input-date-time>
</oj-form-layout>

After filling out the fields in the nested <oj-form-layout> component, the spacing between those fields and the one under them collapses.
Explicitly setting user-assistance-density to the default value efficient on either the outer or the inner <oj-form-layout> component fixes this issue.

[jeannew]

Hi, this sounds like a bug. user-assistance-density attribute is new in v9.0.

user-assistance-density defaults to 'efficient' when it is inside an oj-form-layout, and 'reflow' when not inside of an oj-form-layout.
It sounds like something is happening with oj-select-single when you fill it out that causes the user-assistance-density to default back to 'reflow'. Perhaps it is refreshing itself and that blows away the way the property binding defaulting mechanism.
I'll take a look. It sounds easily reproducible.
Thanks for reporting it.

Jeanne

[jeannew]

I took a look at it and it is an easy-to-fix bug with nesting oj-form-layout and the propagation of the user-assistance-density.