Uppercase Å inside an input has the top of the dot clipped off in chromium browsers when using the Inter font and some other fonts.
Proposed solution: Increasing the line-height to match the input height fixes this visual bug
Note, there is a discrete point where the computed line-height of the div inside user-agent shadow-root switches away from "normal" to a number, and this is when the input height is matched and above
Drawback: the selection background now fills the entire input height
Uppercase Å inside an input has the top of the dot clipped off in chromium browsers when using the Inter font and some other fonts.
Proposed solution: Increasing the line-height to match the input height fixes this visual bug
Note, there is a discrete point where the computed line-height of the div inside user-agent shadow-root switches away from "normal" to a number, and this is when the input height is matched and above
Drawback: the selection background now fills the entire input height