Pressing enter in the postal code form refreshes page

[paramsiddharth]

Pressing enter in the postal code form refreshes page

After writing the postal code, it is user-tendency to press enter and expect the form to submit itself.

However, it doesn't happen right now, because the submit behaviour has only been attached to the button
and not the form. The submission behaviour of the form needs to be modified.

Refer

• SearchReps.vue: Form
• SearchReps.vue: Submission Behaviour

Possible Solution

• The on-submit property of the v-form needs to recreate the on-click behaviour exhibited by the submit button.
• For event e, e.preventDefault() needs to be called to prevent the default form submission behaviour i.e. Making a request to the current route with the data, which causes the page refresh.

[paramsiddharth]

@tdo95 Hey Tee! While Sam works on the front-end part of #360, instead of waiting, we decided to assign you this simple front-end related issue to work on. :) Let me know if you have any trouble understanding what to do.

[tdo95]

Sure, I will start working on this (: @paramsiddharth