HoK: misaligned hints in webpage with responsive CSS design

[caikechao]

For example, in this webpage [ http://jblevins.org/ ], when I run hok-start-foreground-mode, I get misaligned hints as shown in the following figure:

Maybe the responsive CSS design changed the location of the hints. But vimperator does not have this problem.

Could you give me some advice to fix such misaligned hint?

Update:

I am able to pin point the problem to the function getBodyOffsets in the file hok.ks.js in https://github.com/mooz/keysnail/blob/master/plugins/hok.ks.js#L833

I am still trying to get familiar with JavaScript and also trying to learn debugging the Keysnail plugin ... Are there any materials or wiki pages for the newbies like me to get involved in the Keysnail development?

Thank you in advance!

[caikechao]

Another site that causes misaligned hints of HoK in keysnail ...

https://www.r-bloggers.com/

[caikechao]

I just wrote a dirty fix (#212) to fix the problem. Now the hints and the elements are aligned.

[pierrelegall]

I patched my hok.ks.js with your quick fix. It works for me too.

Another web site where we can reproduce it: https://linuxfr.org/

[caikechao]

@lepieru Thanks for testing the fix. Actually, I think my fix is "dirty" as I don't know how the function getBodyOffsets in Hok.ks.js works ... I am hoping the developers or other contributors can help write a clean and elegant fix.