I have this basic email subscribe input, and I'm wondering a general pattern for not having the error "notification" move the input down the page when it appears.... There can be 2 states: success and failure messages, and they can be an unknown height.
How can you design this so it works well across devices? I was thinking of moving it below the form, but then you have to possibly scroll to see the message (or autoscroll it in view, which is also annoying). On mobile you might not have a lot of screen real estate to put it below either, so putting it above makes sense.
Maybe doing a "growl" style notification absolutely positioned off to the side works? Putting a center modal view which the user has to click to hide seems like overkill, but in terms of layout that doesn't jolt the layout.
These are just a few of the options I've thought about so far, but really wondering what the state of UI/UX is in regards to this sort of pattern/dynamics. What is best-practice? What is recommended vs. what isn't?