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 radioButtonIdPrefix = "r" + Math.floor(100 + Math.random() * 900);
const radioButton_name = `autoscrolling-images__radio--${radioButtonIdPrefix}`;
const numberOfImages = images.length * 5; const numberOfImages = images.length * 5;
const titleUpperCase = title.toUpperCase(); const titleUpperCase = title.toUpperCase();
@ -87,7 +88,7 @@ export class AutoscrollingImages extends Component<typeof component_arguments> {
<input <input
class="autoscrolling-images__radio" class="autoscrolling-images__radio"
type="radio" type="radio"
name="autoscrolling-images__radio" name={radioButton_name}
title={`page ${pageIndex + 1}`} title={`page ${pageIndex + 1}`}
value={pageIndex} value={pageIndex}
id={`${radioButtonIdPrefix}-autoscrolling-images__radio-${pageIndex}`} id={`${radioButtonIdPrefix}-autoscrolling-images__radio-${pageIndex}`}