Fix line-height issue on form-inputs on firefox/safari
Problem
There is a difference in height when using GlFormInputGroup in combination with GlInputGroupText in the prepend or append slots:
However, when taking a closer look it seems that (all?) forms with the css class .gl-form-input
(that has line-height set to 1rem) have a height of 33px, while it should be 32px (like on chrome).
firefox
chrome
Analysis
This is not an issue on certain inputs where the height is defined with height: 32px;
.
It seems like firefox (and safari) don't respect the line-height set on an input.
Edited by Lorenz van Herwaarden