Fix: Pronunciation Cannot Be Selected on Mobiles

Regression of cc11a0e.
hkilang · Jun 7, 2024 · a354b8e · a354b8e
1 parent 7bd45f8
commit a354b8e
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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>