From f7a5ce501a580082056e724d07d9f1df0a4ef383 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Thu, 19 Mar 2026 21:13:24 +0000
Subject: [PATCH] Fix duplicate IDs in Dialog of Record component

Co-authored-by: yeboster <23556525+yeboster@users.noreply.github.com>
---
 src/components/Record.svelte | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/Record.svelte b/src/components/Record.svelte
index 913b7901..d93c08e1 100644
--- a/src/components/Record.svelte
+++ b/src/components/Record.svelte
@@ -18,6 +18,7 @@
 
 	let recordValue = String(value);
 	let dialogOpen = false;
+	const dialogId = Math.random().toString(36).substring(2, 9);
 
 	$: label = klass.toString();
 	$: recordClass = getRecordClassFrom(klass);
@@ -55,11 +56,11 @@
 <div class="record-container {editMode ? 'edit' : ''}">
 	<Dialog
 		bind:open={dialogOpen}
-		aria-labelledby="confirmation-title"
-		aria-describedby="confirmation-content"
+			aria-labelledby="confirmation-title-{dialogId}"
+			aria-describedby="confirmation-content-{dialogId}"
 	>
-		<Title id="simple-title">Confirm action</Title>
-		<Content id="simple-content">Do you really want to remove the record?</Content>
+			<Title id="confirmation-title-{dialogId}">Confirm action</Title>
+			<Content id="confirmation-content-{dialogId}">Do you really want to remove the record?</Content>
 		<Actions>
 			<Button>
 				<Label>No</Label>