Contact Form using Less, keyboard navigation and vanilla Javascript

Community feedback

• 

  Yosef shawah•200

  @yosefshawahPosted 4 months ago

  amazing solution Yulia!, looks like mobile design goes out of the card container, you can probably solve it with max-height or with setting height % on the content inside it within the media query, overall great solution way better than mine.

  Marked as helpful

  0

  ---

  

  Guvvala Varshith•130

  @GvarshithPosted 4 months ago

  @yosefshawah thank you so much for your valuable feedback

  0

  

  P

  Yulia•720

  @YuliaLantzbergPosted 4 months ago

  @yosefshawah Thank you. You are right. It was a bug - in media query max-width instead of min-width. Fixed.

  1
• 

  AnDev•510

  @AnDevMPosted 4 months ago

  You can see my decision and give your opinion. Is it normal to do this?

  0
• 

  AnDev•510

  @AnDevMPosted 4 months ago

  contactForm.reset(); find this method

  0

  ---

  

  P

  Yulia•720

  @YuliaLantzbergPosted 4 months ago

  @marynaKolikova excuse me? I didn't understand.

  0
• 

  AnDev•510

  @AnDevMPosted 4 months ago

  Congratulations! Super cool implementation logic that is hard to understand. But there is such a question, what should the form do after sending? In a real case, just overload the page? Please write an answer.

  0

  ---

  

  P

  Yulia•720

  @YuliaLantzbergPosted 4 months ago

  @marynaKolikova There are a few options for the real case. Most probably, the data will be sent to the server side and then to the cms (admin), and in frontend will be displayed the success (or error) message.

  0

  

  P

  Yulia•720

  @YuliaLantzbergPosted 4 months ago

  @marynaKolikova What did you find hard to understand in logic?

  0

  

  AnDev•510

  @AnDevMPosted 4 months ago

  @YuliaLantzberg Everything is simple for me, but you probably already have experience.

  1
• 

  Abubakar sadiq•400

  @abubakar-sadiq001Posted 4 months ago

  You did a great job! but the main container height need to be set to zero

  0

  ---

  

  P

  Yulia•720

  @YuliaLantzbergPosted 4 months ago

  @abubakar-sadiq001 Why?

  0

  

  Abubakar sadiq•400

  @abubakar-sadiq001Posted 3 months ago

  @YuliaLantzberg, the height should be set to auto* because when you fill in the first name, last name, and email and try to submit the form, they will begin breaking out of the height.

  0

  

  P

  Yulia•720

  @YuliaLantzbergPosted 3 months ago

  @abubakar-sadiq001 I did it and couldn't see any break out when submitted

  0

  

  Abubakar sadiq•400

  @abubakar-sadiq001Posted 3 months ago

  @YuliaLantzberg wish I could send a screenshort

  0