Streaming live at 10am (PST)

Message Box jumps in focused state


#1

Hi!

So I have a contact form at the bottom of my page: The message box has a border around it when in focused state and it seems to indent as if being pressed when you click to type in your message. Can someone help me figure out what is causing it to move like this? The fields above it aren't doing this.

-Ariel


Here is my public share link: https://preview.webflow.com/preview/david-stoltz?preview=e8aeea64f59b0a773885fcfc053b4823
(how to access public share link)


#2

Hi Ariel! This is because you have a 3px border on the Focused States only. You also need to add a 3px border on the normal 'None' states, set to transparent and this will stop the jumping.

Regards Kai


#3

Ah, got it! Thank you!


#4

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.