Somehow I missed that #18842 (closed) and #18843 (closed) were still open. In my testing of the macOS Mojave beta, Safari has fixed their issue with the sizing, but Chrome still has the issue. It also apparently is a bug marked as won't fix. Thus, the only sensible solution to consistent .form-control heights across all supported input types in a single browser is to specify heights. I've been resisting this thinking it'd be resolved by browsers, but that's no longer the case.
Here's what's changed:
- Applies the already present
$input-heightto.form-control. - Consolidates the
<select>sizeandmultipleoverrides into just the.form-controlbase class instead of-sm/-lgmodifiers. - Removes the Sass
@extends from input groups since it picks up too many selectors, namely our<select>overrides.
Seen this demo of the changed CSS and inputs/selects.
Closes #18843 (closed), fixes #18842 (closed), fixes #25923 (closed), fixes #26648 (closed), and fixes #26209 (closed).