Some tweaks today to the flashcard layout, and fixes.

Japanese words in the prompt do not break. This one's a small improvement if you use Japanese text in the custom keywords (the flashcard prompt). In Japanese line breaks can occur between any two characters, but I thought it would be more readable to avoid wrapping in the middle of a Japanese word.

Fix #357 Long keywords wrapping. Only if you use a long keyword, it could happen sometimes that the keyword is overlapped by the Edit Flashcard button (top right of the card). This no longer happens.

Keyword overlapping kanji. In some instances a long keyword spanning 2-3 lines would overlap the kanji. Relatively uncommon, but this should no longer happen.

Example word text scaling. Minor thing, the text scales down a little bit if the Japanese compound is long, so the compound and reading fits on one line.

The Study search box now matches your custom keywords.

Screenshot below shows two use cases: on the left a user translates the keywords in their language, on the right a user adds Japanese words to the keyword prompts.

If using Japanese in the keyword it may be a good idea to keep the english words so that you can easily search, otherwise you'll have to use Japanese input.

This closes issue 384 opened yesterday by joliss.

The Study Search box was refactored today. This is one of the oldest piece of code and UX on the website that hasn't changed in years. It was 839 lines of outdated Javascript and it was quite bad: it took nearly half a second for the results to show up when you type in the Search box.

The new version is just 203 lines of TypeScript, and it's much more responsive, the dropdown updates almost instantaneously as you type in the search box.

I increased the size of the dropdown, and further increased the text size on smartphone so it is easier to read.

Functionality wise there is a small improvement over the old one : if you type in an index number, it shows the matching kanji and keyword in the dropdown. Sometimes you want to look up a character by index, this gives instant confirmation without having to move to another page.

Searching for custom keywords

Note that the behaviour is similar to the old one. One caveat is the autocompletion can get in the way of searching for a custom keyword: the dropdown contains only original keywords, and pressing tab or enter will autocomplete with an original keyword if there are any matches (which is most of the time). The trick here is to add a space after your search term. This will close the dropdown, then you can press enter to search for just what you typed. You can also press Escape to close the dropdown, then press enter.

On request I have restored the Skip and Delete options in the Flashcard dropdown menu during reviews.

Skip is useful when you're tired or say on a commute and you just want to quickly go through the easier to recall kanji and leave the rest for later.

Delete is useful for users who feel a bit overwhelmed after taking a break and want to trim down the deck, perhaps to add the kanji later, or just study a smaller set of kanji.