Fix multiple autoscrolling images instances interfering with each other

This commit is contained in:
Kuba Orlik 2024-06-29 12:50:09 +02:00
parent e3af11dd89
commit ae6f87e815

View File

@ -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}`}