zurb/foundation — pull request #2435 by seantimm (2013-10-27 21:26:18+00:00)
Title: topbar search input cutoff

From the examples' Doc foudn here (looking at the sample with search input, shown in code):
http://foundation.zurb.com/docs/components/top-bar.html

The input field appears cuttoff;

It appears the height property of the input should be 2.45em (default value):
From _topbar.scss:
>.topbar {
> ...
> __Line 84 in _topbar.scss__
> input { height: $topbar-input-height; }
> ...
>}

Rule is thus `.topbar input`

But is overriden by _topbar.scss *line 334*:
> ...
>input, .button {
> line-height: 2em;
> font-size: emCalc(14px);
> height: 2em;
> padding: 0 10px;
> position: relative;
> top: 8px;
> }

2em is the height applied;

Observed this behavior in Chrome and IE10

I am just starting using Foundation so I am not sure what would be a proper fix that won't break anything

Thanks