Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Form scrolls down when an unselected MasterDetailEditor row is clicked
Dear Vaadin Team,
I'm giving a (deep) try to Vaadin 6.7.7 and JPAContainer 2.1.0.
I've got a BeanValidationForm with height MasterDetailEditor objects in a BeanValidationForm.
Let's say I create a few records in one of these master/detail editors. Now when I click one of the unselected rows, the form scrolls down, then I scroll the form up and try to click once again on my previous unselected (but now dash-bordered) row and then it gets selected.
Is there something I may have done wrong to produce this disturbing scrolling issue?
Tested with Google Chrome 18 and IE 9 (issue encountered with Vaadin 6.7.6 also).
Sounds like a some sort of focusing/selection issue in Table. Do you have a reduced test case for the issue? Or an online demo?
Wonder if this is related:
It seems that when forms are immediate, moving out of a field sends UIDL to the server and then various things are recalculated causing unexpected shifts. I think we got around some of these by ensuring the form is not immediate, and only setting only those fields that really need to be immediate. It does create an odd user experience to tab out of a field and then have fields move/resize. I think that using percentages rather than fixed sizes may be the culprit based on vaadin size recalculations, but sadly, the ability to set sizes by percentage is too compelling when you consider the different screen sizes people work on.