From ae6f87e815187be83265203f23f03d06948db187 Mon Sep 17 00:00:00 2001
From: Kuba Orlik <kontakt@kuba-orlik.name>
Date: Sat, 29 Jun 2024 12:50:09 +0200
Subject: [PATCH] Fix multiple autoscrolling images instances interfering with
 each other

---
 .../autoscrolling-images/autoscrolling-images.jdd.tsx          | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/back/jdd-components/autoscrolling-images/autoscrolling-images.jdd.tsx b/src/back/jdd-components/autoscrolling-images/autoscrolling-images.jdd.tsx
index 4dac744..70c8331 100644
--- a/src/back/jdd-components/autoscrolling-images/autoscrolling-images.jdd.tsx
+++ b/src/back/jdd-components/autoscrolling-images/autoscrolling-images.jdd.tsx
@@ -42,6 +42,7 @@ export class AutoscrollingImages extends Component<typeof component_arguments> {
 		}
 
 		const radioButtonIdPrefix = "r" + Math.floor(100 + Math.random() * 900);
+		const radioButton_name = `autoscrolling-images__radio--${radioButtonIdPrefix}`;
 		const numberOfImages = images.length * 5;
 		const titleUpperCase = title.toUpperCase();
 
@@ -87,7 +88,7 @@ export class AutoscrollingImages extends Component<typeof component_arguments> {
 							<input
 								class="autoscrolling-images__radio"
 								type="radio"
-								name="autoscrolling-images__radio"
+								name={radioButton_name}
 								title={`page ${pageIndex + 1}`}
 								value={pageIndex}
 								id={`${radioButtonIdPrefix}-autoscrolling-images__radio-${pageIndex}`}