How to scroll to edit panels when opening them? about formbuilder HOT 5 OPEN

editPanel.scrollIntoView is a function and you code is missing the (). If I add this to my config it is working as expected.

onOpenFieldEdit: function(editPanel) { editPanel.scrollIntoView() },

from formbuilder.

Tried that. With that code, in my case it sometimes scrolls a little tiny bit, but im not getting a proper scroll here.

from formbuilder.

Likely because the browser already considers the element to be in view. Take a look at some of the options you can add to that call https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

You may find wraping the call in a short timeout may help if the issue is the field has not completely expanded by the time the scroll is requested,

from formbuilder.

Setting a timeout does work, yet it has to be a timeout of around 250 ms to actually show the whole panel, which i think is too much. Is there a way to make the field expansion occur faster?

from formbuilder.

The field slide is done here $editPanel.slideToggle(250) in openField() in helpers.js

It might make sense to move emitting of the events to the slideToggle complete handler. In addition to the onOpenFieldEdit we also have $(document).trigger('fieldOpened', [{ rowWrapperID: rowWrapper.attr('id') }]) at the same point

from formbuilder.