From a354b8ed9796773d91099034129fd43f1d01be45 Mon Sep 17 00:00:00 2001
From: graphemecluster <graphemecluster@gmail.com>
Date: Sat, 8 Jun 2024 06:40:42 +0800
Subject: [PATCH] Fix: Pronunciation Cannot Be Selected on Mobiles

Regression of cc11a0e5859689b854e4cff7f12d8a4013293c16.
---
 src/Char.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Char.tsx b/src/Char.tsx
index 174f503..af4546f 100644
--- a/src/Char.tsx
+++ b/src/Char.tsx
@@ -18,14 +18,14 @@ export default function Char({
 	const [pron, note] = pronNoteArray[currIndex] || ["", ""];
 
 	return pronNoteArray.length > 1
-		? <div className="dropdown dropdown-hover">
-			<label className={resolved ? "text-success" : "text-error"}>
+		? <details className="dropdown dropdown-hover">
+			<summary className={resolved ? "text-success" : "text-error"}>
 				<ruby>
 					{char}
 					<rt>{pron}</rt>
 					<span className="-order-1 text-xs sm:text-sm text-slate-500">{note || "\xa0"}</span>
 				</ruby>
-			</label>
+			</summary>
 			<ul className="dropdown-content z-10 menu p-2 shadow bg-base-100 rounded-box [display:table]">
 				{pronNoteArray.map(([pron, note], i) => (
 					<button
@@ -44,7 +44,7 @@ export default function Char({
 					</button>
 				))}
 			</ul>
-		</div>
+		</details>
 		: <ruby>
 			{char}
 			<rt>{pron}</rt>