[Userscript] An Unobtrusive Kanji Stroke Order

That’s amazing! No rush, I hope things get a bit less swamped for you soon!

Sorry for the delay, forked up some reviews and had to wait for the level up for lessons to appear, so I could test the code. Now, after you update the script to 1.3.0 and click on the kanji or vocab during the lesson session, it’ll toggle the stroke order (I personally have no use for vocabulary stroke order, but it was a popular demand; I still refuse to include stroke order for radicals, though : ), since it makes little to no sense).

Hello not to be a pain but my safari on Mac is not detecting the font even tho its installed. Tampermonkey/safari on Mac.

Try restarting your browser. This solved a similar problem for me.

No luck there, im guessing it’s a safari thing, will try later on chrome if I feel like it!

You may check is some other software like a word processor sees the fount. This will tell you whether this is an install problem or a browser problem.

Unfortunately, Apple blocked user fonts in Safari: https://www.reddit.com/r/MacOS/comments/9jp5m3/psa_safari_12_disablednerfed_setting_custom_fonts/

I’ll write to author of the KanjiStrokeOrders font to ask whether he could host it on some CDN, or at least to ask for a permission to do it myself; not sure how it’ll turn out, but worth a try.

thanks, hopefully he agrees! Meanwhile I guess ill switch to chrome if I want to use these kso scripts! :slight_smile:

Hey I noticed that the script seems to have stopped working. Here is an error I get in the console, do you have any idea what could be wrong? Thanks.

Uncaught (in promise) TypeError: userscript.html?name=WaniKani%2520Unobtrusive%2520Kanji%2520Stroke%2520Order.user.js&id=94f9e3a3-3b52-42c9-a68b-663ed9da04b3:35 
Cannot read properties of null (reading 'parentNode')
    at wkAlert (userscript.html?name=WaniKani%2520Unobtrusive%2520Kanji%2520Stroke%2520Order.user.js&id=94f9e3a3-3b52-42c9-a68b-663ed9da04b3:35:31)
    at userscript.html?name=WaniKani%2520Unobtrusive%2520Kanji%2520Stroke%2520Order.user.js&id=94f9e3a3-3b52-42c9-a68b-663ed9da04b3:97:9
    at Object.<anonymous> (userscript.html?name=WaniKani%2520Unobtrusive%2520Kanji%2520Stroke%2520Order.user.js&id=94f9e3a3-3b52-42c9-a68b-663ed9da04b3:99:3)
    at St (<anonymous>:9:89)
    at userscript.html?name=WaniKani%2520Unobtrusive%2520Kanji%2520Stroke%2520Order.user.js&id=94f9e3a3-3b52-42c9-a68b-663ed9da04b3:1:89
    at window.__f__ldq86yyy.si (userscript.html?name=WaniKani%2520Unobtrusive%2520Kanji%2520Stroke%2520Order.user.js&id=94f9e3a3-3b52-42c9-a68b-663ed9da04b3:1:342)
    at St (<anonymous>:9:89)
    at n (<anonymous>:71:248)
    at <anonymous>:74:85
    at p (<anonymous>:68:59)

What browser are you using? I’ll look into it this evening.

It’s Google Chrome. I’ve had the same issue across multiple computers as well.

Any updates on the issue?

What an epic timing, @ApplesOfEpicness. I just made my final submission at the University an hour ago; been absolutely swamped with academic work since I promised to “look into it this evening”. I’ll be resting today, but starting tomorrow I am unemployed and without any university work, so shall look into it.

I guarantee you that it will been looked into, since I’m returning to studying Japanese and will need the extension myself.

Updated to 1.4.0. Everything should be back to normal (apart from Safari).

Works on kanji/vocabulary pages on hover, and in lessons on click.

Version 2 of the script is in progress and should work in Internet Explorer 6 Safari as well.

So this is kind of weird. It worked like ~yesterday after I disabled Reorder Omega, but now it stopped working again, even if I disable all other scripts. The console error seems to be the same as the one I posted earlier. Any idea what broke it?

Blame Tofugu. Updated the script, should work again.
(Update to 1.4.1: WaniKani Unobtrusive Kanji Stroke Order)

Hmm… strange it still doesn’t seem to be working. It’s fine, I’m sure the v2 version will iron out the kinks if/when you can put that together.

Sorry to bug you on this. It’s been 2.5 years since the last comment, so hopefully this finds it’s way to someone! This looks amazing, but I’m having a hard time getting it to work. I confirmed the correct font is installed and I can see it in Word. When I go to the Kanji page, the script shows it is active, but no changes are seen. Any suggestions or maybe I’m not on the right page? I’ve installed v1.4.1. I’m working on Windows 11, Chrome, and Tapermonkey script manager. No big deal if I can’t get it to work, looks amazing though!

I noticed this thread because of your bump, and the script sounded interesting so I gave it a whirl… alas, I can confirm it’s broken. Seems like it fell behind various changes to wanikani’s html and urls.

I took a stab at updating it, see here WaniKani Unobtrusive Kanji Stroke Order (2025 refresh)

(@atzkey I hope this is ok with you – let me know if you want me to take this down)

  • shows on kanji and vocab detail pages, on hover.
  • shows in lessons, on click.
  • fixed the font install warning, it was silently erroring

I found the stroke order numbers unreadable in the hover box on kanji/vocab pages (it looks like the hover used to be much bigger in atzkeys original screenshots). So I made that (comically?) large too.