text-security
text-security copied to clipboard
Font caret position is wrong
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!
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.
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:
I have the same issue using "text-security-disc-compat.woff2" on firefox (win 10)