Okay, so the formatting looks better to start.. and it should work better with the validation errors as well.
EDIT: Looking again, I see the validation errors still break out of the form container. You can solve that by changing the height to min-height and adding an overflow property.
background: none repeat scroll 0 0 #F7F7F7;
border: 1px solid #E3E3E3;
margin: 20px 0;
So, this is the deal with the form. When using the Ajax submission method, the form automatically adds an anchor so when it's submitted, it returns the viewport to the top of the form. This was added for long forms where you need to return to the top of the form for validation notices, confirmation text, etc.
Right now, there's no way to turn this OFF other than switching back to the normal post method. You could also try using a redirect/confirmation page rather than the inline confirmation message so you wouldn't have that effect.
Posted 12 years ago on Tuesday February 8, 2011 | Permalink