Aurelia layout shifting

I’m developing an aurelia plugin (au-jsonschema-form) to turn json schemas into forms, but I’m running into a user experience issue where the layout is shifting quite heavily when the form is loaded. I’m not sure if its due to the heavy use of <compose> throughout, but was wondering if anyone had any suggestions.

2 Likes

In aujsf-view, you are using compose with a dynamic template. This is why the shift in layout.
You can use enhance for this purpose, instead of compose:

  • build the template and add it to the view immediately
  • enhance the newly appended elements

It may be a few more hoops more than compose, but it will gice more control, probably

1 Like

thanks I’ll give it a try

1 Like

that and getting rid of some the debouncers fixed it thanks :slight_smile: !

2 Likes

That sounds good, and cool lib you got there. For enhance, it returns a view, make sure the reference is storersfor later cleanup :+1:

1 Like

@jbockle nice! Would be great addition to listing here: https://json-schema.org/implementations.html#web-ui-generation

2 Likes