Components Loosing Focus in EXTJS

Question

I have a small big problem, I have a big form made up of small multiple reusable small forms that I use on other forms. The problem is If I fill in some information in any field and hit tab or select any field to insert data, the browser automatically moves to the top of the form. This action is random and not specific to any field. Any help would be appreciated. I am using EXTJS 6

Answer 1

The problem of you form "autoscroll" is probably caused by validations of fields, i had the same problem using a form with a long scroll.

If you focus a field that can't be blank, and after you scroll down and focus an other field. Your focus will scroll you up because the validation is on blur.

Try to disable on all your fields this property setting it to false. And use a

form.isValid()

to validate your form.