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 type
s in a single browser is to specify height
s. 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-height
to.form-control
. - Consolidates the
<select>
size
andmultiple
overrides into just the.form-control
base class instead of-sm
/-lg
modifiers. - Removes the Sass
@extend
s 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).