Form

Hello =)
I have an interface using Vaadin 10 which has a Form. It looks like it work on any device except for Safari on iPhone.
The problems are:

  • when the user selects an element of the form (textfield, combobox or radiobutton), the screen scrolls to the top of my view. Is there a way to prevent that from happening? For example, make it behave like in Chrome mobile where the keyboard opens and the view doesn’t scroll basically.
  • when selecting the “arrow” of a combobox, the list of items opens and you can select one. But, when you click on the textarea of the combobox, the list of items don’t open. It only opens when you start typing. Is there a way to change that behaviour?

Thanks

The first one sounds like a bug. Can you create a ticket about it to github.com/vaadin/flow/issues ?

https://github.com/vaadin/flow/issues/5107

It will help get the case solved faster if you can provide a code example that demonstrates the issue.

a FormLayout with for example 5 TextFields and 5 ComboBoxes will do the job

Great!

To let you know, an update on the V10 version resolves the problem =)