[Input Group] Flex-mode input group input height does not match non-input-group inputs

[simshaun]

Foundation 6.2.4

I'm being pedantic...

An input-group input's height does not match up with non-input-group inputs when displayed side-by-side as in the demo. It's off by a few pixels.

Demo:

http://simshaun-static.s3-website-us-east-1.amazonaws.com/foundation/6.2.4/

Example:

Removing height: auto on .input-group-field solves the problem, but I don't know if that causes issues elsewhere or if it causes problems in non-flex mode.

[glen-84]

I'm going to use this for now:

.input-group-field {
    height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
}

I'm not sure why Foundation uses explicit heights for text inputs.

[developer-lindner]

The formular should be removed or signed as !default... actually it's impossible to have a input field with a height of 46px!
Why? just why? :D

Add $input-height maybe? or remove this entirely?

[kball]

Has this been resolved as of #10456 ?

[simshaun]

I just tested against the develop branch and it looks like this now:

[kball]

Interesting... I think what might have happened is that the outside input group formula got changed in #9681 but within input group did not. We can probably just apply that change to scss/forms/_input-group.scss as well. @simshaun any interest in trying that out and maybe putting together a PR for this?

[simshaun]

PR created, #10602