Don't let the error icon get clipped when the text is short.
On Chrome (and possibly others), an inline element like span doesn't enlarge its size to cover its content, so the 1px place holder wasn't taking effect. To ensure the minimum height of 16px, make it an inline-block element. I'm not entirely sure how an inline-block element with no fixed width would behave, but with a bit of casual testing, the text inside seems to wrap OK.
Loading
Please register or sign in to comment