Fix multiple autoscrolling images instances interfering with each other
This commit is contained in:
parent
e3af11dd89
commit
ae6f87e815
@ -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}`}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user