Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Descenders clipped from letters such as qyp when select boxes are in an error state

See original GitHub issue

When a select field is rendered in an error state, descenders are clipped. This is due to the 4px red border effectively reducing the height of the content area of the select box by 8px when it is present since the select element has box-sizing: border-box set.

See https://lackadaisical-captain.glitch.me for a live demo, or screenshot below:

Issue Analytics

State:
Created 4 years ago
Comments:8 (8 by maintainers)

Top GitHub Comments

1reaction

andymantellcommented, Aug 23, 2019

The screenshot above is from Chrome/Ubuntu, but the bug is also present in:

Chrome/Win7 IE11/Win7 Firefox/Win7 Chrome/Win10 Firefox/MacOS

The above list is not exhaustive, I just stopped testing at that point. I’ve checked Chrome/MacOS and Safari/MacOS and can confirm that the bug is not present there.

0reactions

hannalaaksocommented, Sep 16, 2019

No worries @andymantell. Thanks for following up on it 👍

Top Results From Across the Web

Descenders of letters get cropped out when using -webkit-line ...

I have to deal with such situation before and I used bit of a trick to add padding at the bottom just relative...

Text — SVG 2

SVG text supports international text processing needs such as: ... The descenders on lowercase roman letters have negative coordinate values.

Embrilliance Platform

a design are grouped, such as with regularly merged embroidery designs. • The Property view displays information and controls for the currently selected...

Table of Contents - Rafael Hoffmann

useful to complete one full set of test letters (such as “adhesion”) for a ... From the main window, double-click on one of...

LQ-2550 - User Manual - Epson

printers, whether or not such alteration or modification is accomplished by software ... what you expect, see Chapter 6 for a list of...