Are you having problems with FormLayout?

Curious to hear from the community if you are using FormLayout for your forms and whether you are experiencing any problems?

The FormLayout is a great component to easily create responsive forms that adapt to desktop and mobile. It was one of the reasons I switched to Flow when it came out. The problem is that FormLayout had bugs from the beginning and it seems to have gotten worse with the recent releases (V12 and V13).

I noticed a bug in FormLayout that causes the fields to be jumbled around if the visible of a FormItem is changed and filed a issue in github back in August of 2018 (https://github.com/vaadin/flow/issues/4530). It was marked added to 1.0 Maintenance, but nothing has changed since. This affects all browsers I tested.

To make matters worse, after switching to V13, FormLayout looks really bad on Safari and iOS. Components in the FormLayout are completely out of whack or completely missing (https://github.com/vaadin/flow/issues/5446). This happens even for forms that do not change visibility of the FormItems.

Have you experienced this and if so, have you found a workaround?
17613174.png
17613177.png
17613180.gif
17613183.png