text-security icon indicating copy to clipboard operation
text-security copied to clipboard

Font caret position is wrong

Open ajaxovic opened this issue 3 years ago • 3 comments

Hello!

Thanks for great idea. Password managers are great, but if developer can't control it... Anyway...

I don't know where is problem, but I have shifted bullets in tex input and small caret. Compare two images, one is your font, one is -webkit-text-security: disc and one normal input. According to my research, it is connected to font definition.

Thanks for response!

image image image

ajaxovic avatar Apr 21 '21 08:04 ajaxovic

What browser are you using? At least in the demo page the caret height seems fine in Chrome.

This definitely could be an issue in the font definition, but it also seems like an issue that one could maybe mitigate in CSS by playing around with line-height and perhaps padding.

Edit: Also, what's the computed pixel value for line-height in that example? It's specified to be relative to the root font size, so the root font size might matter here.

noppa avatar Apr 25 '21 18:04 noppa

It was my first thought. Unfortunately, computed line-height is 20px in all variants in first post. I was fiddling with bunch of values before without luck. Here are computed values stripped from all my css, just user-agent and your font:

image

ajaxovic avatar Apr 27 '21 06:04 ajaxovic

I have the same issue using "text-security-disc-compat.woff2" on firefox (win 10)

luchontandil avatar Apr 29 '22 10:04 luchontandil