From c691714288f79542dc86c1a31b4cce4f28e3d92d Mon Sep 17 00:00:00 2001
From: R-J Lim <kgerbil@gmail.com>
Date: Mon, 24 Jun 2024 06:57:22 -0700
Subject: [PATCH] Fix re-record playing audio at the same time

---
 common/components/AudioField.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/common/components/AudioField.tsx b/common/components/AudioField.tsx
index 77f548e7..3eec2222 100644
--- a/common/components/AudioField.tsx
+++ b/common/components/AudioField.tsx
@@ -57,7 +57,14 @@ export default function AudioField({ audioClip, onPlayAudio, onRerecord }: Props
         audioActionElement = (
             <Tooltip title={t('ankiDialog.rerecord')!}>
                 <span>
-                    <IconButton disabled={audioClip?.error !== undefined} onClick={onRerecord} edge="end">
+                    <IconButton
+                        disabled={audioClip?.error !== undefined}
+                        onClick={(e) => {
+                            e.stopPropagation();
+                            onRerecord();
+                        }}
+                        edge="end"
+                    >
                         <FiberManualRecordIcon />
                     </IconButton>
                 </span>