diff --git a/app/features/dictionary/FigureTags.tsx b/app/features/dictionary/FigureTags.tsx index da5775f0..b0533d3c 100644 --- a/app/features/dictionary/FigureTags.tsx +++ b/app/features/dictionary/FigureTags.tsx @@ -42,11 +42,11 @@ export function FigureTags({ {isPriorityComponent && !isStandaloneCharacter ? ( ( <>

@@ -70,7 +70,7 @@ export function FigureTags({ ) : null} {isStandaloneCharacter && !isPriorityComponent ? ( ( <>

@@ -103,7 +103,7 @@ export function FigureTags({ ) : null} {isStandaloneCharacter && isPriorityComponent ? ( ( <>

@@ -129,7 +129,7 @@ export function FigureTags({ ) : null} {variantGroupId && variantGroupId !== id ? ( ( ( <> The {TOTAL_ATOMIC_COMPONENTS_COUNT} atomic components are the @@ -165,7 +165,7 @@ export function FigureTags({ ) : null} {isPrioritySoundMark ? ( ( <>

@@ -228,10 +228,7 @@ function FigureTag({ return ( <>

  • primary grade {code} @@ -539,7 +536,7 @@ function KanjiListTag({ case "j": { return ( Jōyō @@ -549,7 +546,7 @@ function KanjiListTag({ case "h": return ( extra-Jōyō @@ -558,7 +555,7 @@ function KanjiListTag({ case "m": return ( Jinmeiyō diff --git a/app/features/dictionary/RadicalSection.tsx b/app/features/dictionary/RadicalSection.tsx index b352b675..7eb8c0b2 100644 --- a/app/features/dictionary/RadicalSection.tsx +++ b/app/features/dictionary/RadicalSection.tsx @@ -92,20 +92,21 @@ export function RadicalSection({

    Some English speakers refer to all kanji components as "radicals", but traditionally, the term "radicals" is a translation of 部首{" "} - bushu, literally meaning "section headers". These 部首{" "} - bushu are 214 kanji components that act as a system for - looking up kanji in traditional paper dictionaries. This system + bushu, literally meaning "section headers". These{" "} + bushu are 214 kanji components used for looking up kanji in + traditional paper dictionaries. This system of 214 bushu{" "} was devised all the way back in 1716, when the compilers of the authoritative 康熙字典 Kangxi Dictionary (Japanese:{" "} Kōki Jiten) looked at each kanji and chose{" "} - one single component as its 部首 bushu. - The idea is that users of the dictionary can find an unknown + one single component as its bushu. The + idea is that users of the dictionary could find an unknown character by first identifying its section header{" "} - component, and looking in the corresponding section of the - dictionary, where characters containing that component are sorted - according to the number of strokes needed to write them. This is - not always straightforward in practice, but this method of - organizing dictionaries is still used today. + component. By looking in the corresponding section of the + dictionary, they could find all the characters containing that{" "} + bushu component sorted according to the number of strokes + needed to write them. This is not always straightforward in + practice, but this method of organizing dictionaries is still used + today.

    What do these numbers mean? @@ -113,12 +114,13 @@ export function RadicalSection({

    The first number given with the 部首 bushu here refers to that section's order in the Kangxi Dictionary, which has - become the standard ordering throughout Asia. The second number is - the traditional number of strokes in the character{" "} - outside the bushu component (which may differ from - the modern stroke count). You can use this information to find - this kanji in any traditional paper dictionary which organizes - characters by bushu and stroke count. + become the standard ordering for kanji dictionaries throughout + Asia. The second number is the traditional number of + strokes in the character outside the bushu{" "} + component, as counted in the Kangxi Dictionary (which may differ + from the modern stroke count). You can use this information to + find this kanji in any traditional paper dictionary which + organizes characters by bushu and stroke count.

    {radicalIndexes.length > 1 ? (

    diff --git a/app/features/dictionary/useHoverPopper.tsx b/app/features/dictionary/useHoverPopper.tsx index da556909..9b656418 100644 --- a/app/features/dictionary/useHoverPopper.tsx +++ b/app/features/dictionary/useHoverPopper.tsx @@ -56,11 +56,12 @@ export function useHoverPopper(options: PopperOptions) { onMouseMove: () => { !popper.isOpen ? open() : undefined; }, - onMouseDown: (e: React.MouseEvent) => { - if (popper.isOpen) { + onClick: (e: React.MouseEvent) => { + if (!popper.isOpen) { + open(); + } else if (!popper.state?.elements.popper?.contains(e.target as Node)) { close(); - e.preventDefault(); - } else open(); + } }, onFocus: () => { open();