max-lee-dev / hackertype

⌨ a typing website made for programmers to get faster at coding!
https://hackertype.dev
30 stars 4 forks source link

Cursor misaligned when using Inconsolata or IBM Plex Serif #4

Open Dallas-J opened 3 months ago

Dallas-J commented 3 months ago

image

As shown in this image, these two fonts cause the cursor to be offset by three lines. I pulled the code down and added some logs etc. but couldn't find an obvious cause within ~30min.

I may give this a little more time in the next few weeks but we will see. Thanks BTW for the awesome little website!

max-lee-dev commented 3 months ago

what percent screen size do you have hackertype at? the smooth caret is kind of buggy so I should add an option to revert back to the old caret which isn't smooth if it bugs like this. but if you're on certain screen percent sizes the caret might do that...

thanks for the kind words btw!

Dallas-J commented 3 months ago

I am using it maximized on a 1440p display with 100% display scaling. It does seem to bug out more in smaller windows though.

max-lee-dev commented 3 months ago

for now, also try zooming in, that might work. otherwise, if you'd like you can fix the relatively scuffed method im using. The code is on SmoothCaret.js.