Accordion Item ID fix

skeletonlabs · Dec 3, 2023 · 295839f · 295839f
1 parent 3801453
commit 295839f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/skeleton/src/lib/components/Accordion/AccordionItem.svelte b/packages/skeleton/src/lib/components/Accordion/AccordionItem.svelte
@@ -33,7 +33,7 @@
 	 * Provide a unique input id. Auto-generated by default
 	 * @type {string}
 	 */
-	export let id = String(Math.random());
+	export let id = `accordion-control-${String(Math.random())}`;
 
 	// Classes
 	const cBase = '';
@@ -109,7 +109,7 @@
 	function onToggle(event?: SvelteEvent<MouseEvent, HTMLButtonElement>): void {
 		const currentOpenState = autocollapse ? $active === id : open;
 		/** @event {{ event: Event, id: string, open: boolean, autocollapse: boolean }} toggle - Fires when an accordion item is toggled. */
-		dispatch('toggle', { event, id: `accordion-control-${id}`, open: currentOpenState, autocollapse });
+		dispatch('toggle', { event, id, open: currentOpenState, autocollapse });
 	}
 
 	// If auto-collapse mode enabled and item is set open, set as this item active