Menu icon Foundation
topbar back button and submit search input

Hey everyone! Benjamin emailed us with some great questions. I'm sure the answers will be helpful to some of you.

--

I'm trying endlessly to do two things with the topbar:
1. Add a back button on small screens that won't collapse and remain near the menu button.
2. I'm using your search field and button example, but I want to mimic the form behavior where clicking enter in the text field will submit the form (just like clicking on the button).

I've tried using stackoverflow without success for #1.

Any help would be greatly appreciated!

--
Benjamin.

topbarsearchinput field

Hey everyone! Benjamin emailed us with some great questions. I'm sure the answers will be helpful to some of you.

--

I'm trying endlessly to do two things with the topbar:
1. Add a back button on small screens that won't collapse and remain near the menu button.
2. I'm using your search field and button example, but I want to mimic the form behavior where clicking enter in the text field will submit the form (just like clicking on the button).

I've tried using stackoverflow without success for #1.

Any help would be greatly appreciated!

--
Benjamin.


Rafi Benkual gave the most helpful answer for this post
Rafi Benkual over 5 years ago

Benjamin,
This was a fun challenge, here is how I did it with the help of Brandon here:
http://cdpn.io/bvmsi

We'll look into the other question too.

Rafi Benkual over 5 years ago

Benjamin,
This was a fun challenge, here is how I did it with the help of Brandon here:
http://cdpn.io/bvmsi

We'll look into the other question too.

Rafi Benkual over 5 years ago

For search submission with keyboard enter button, use:

http://prntscr.com/2hlffx

Nic Mendoza about 5 years ago

For submitting on enter, you could just wrap the input and submit button in a form.