Menu icon Foundation
Workspace Template Search Box in 5.02

On this page the Workspace template looks fine: http://foundation.zurb.com/templates/workspace.html

However, if I download the latest version of Foundation (5.02) the search box and button are too big causing a gap under the top title bar. If I put the Workspace HTML into Codepen it also looks fine, but if I add the 5.02 CSS code to it then I see the same problem.

Attached are images of how the search box/button looks with Foundation 5.02 and how it is supposed to look.

Are the Foundation 5 templates and Codepen (http://codepen.io/anon/pen/FHwGB) not using the latest 5.02 CSS? (Why not?) Is this search box issue a bug, or am I doing something wrong?

Workspace f502

Workspace

bugtemplate

On this page the Workspace template looks fine: http://foundation.zurb.com/templates/workspace.html

However, if I download the latest version of Foundation (5.02) the search box and button are too big causing a gap under the top title bar. If I put the Workspace HTML into Codepen it also looks fine, but if I add the 5.02 CSS code to it then I see the same problem.

Attached are images of how the search box/button looks with Foundation 5.02 and how it is supposed to look.

Are the Foundation 5 templates and Codepen (http://codepen.io/anon/pen/FHwGB) not using the latest 5.02 CSS? (Why not?) Is this search box issue a bug, or am I doing something wrong?

Workspace f502

Workspace

This post has been closed. No new replies can be added.

Steve Trask over 5 years ago

Hi Mike,

Very strange as the templates are in the new html F5 format (jQuery 2 etc) when I use the up to date sass compiled css it works fine just seems to be a bug with the css download of F5.

below is the expanded compiled sass css if you need it to sort the problem

http://codepen.io/gosupernova/pen/HKbro

Rafi Benkual over 5 years ago

This appears to be a bug. We are moving it to GitHub where we work through those. Thanks for reporting!

https://github.com/zurb/foundation/issues/3924