BearStudio/formiz

Form not rendering when page is loaded in time not to make screen jump

arthur-es opened this issue ยท 5 comments

Describe the bug
When you load the page with a multi-step form made with Formizi the screen appears to be "jumping"...most likely beause it takes a few miliseconds to render.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://novo-app-coleta.hyerdev.app/

Expected behavior
I expect it not to 'jump'...or if the is no way around it...a way of knowing if its rendering...So I can for example, make use of Skeleton Loading...

Screenshots
https://user-images.githubusercontent.com/37699234/140548277-295ef7c9-9069-451a-a841-6f65cb76d43f.mp4

Desktop (please complete the following information):

  • OS: Windows
  • Browser: Chrome
  • Version: latest

Hello @arthur-es thanks for the feedback. I think I've found the global issue behind this. I'm currently working on the fix for this that can also fix #82
I hope to have time before my first baby ๐Ÿ‘ถ is shipped to production ๐Ÿ˜… (it can happen at any time because it's the last month). It can add some delay but I'm working on it ๐Ÿ˜‰

@arthur-es I think I've found the right solution. Can you test the version 1.8.0-alpha.1 of @formiz/core and tell me if it fix your issue?

@arthur-es I think I've found the right solution. Can you test the version 1.8.0-alpha.1 of @formiz/core and tell me if it fix your issue?

Ivan, it worked!

Here is a small token of appreciation: a small coffe
image

We love your lib :)

WOW ๐Ÿ˜ thanks a lot @arthur-es !
We will drinking a coffee (or a beer :D) knowing that we helped you!

Version 1.8.0 released with the fix :)