No DOM elements found matching selector in Svelte about uploadcare-widget

[hauselin]

Perfect! I've updated the code and it works. Thanks also for the reference to Svelte's bind:this. Thanks, @optlsnd!

[optlsnd]

Hi @hauselin, you can use this binding to get a reference to a rendered element. See https://svelte.dev/tutorial/bind-this. Here's how you can solve this:

<script>
	import uploadcare from "uploadcare-widget/uploadcare.lang.en.min.js";
	import { onMount } from "svelte";
	
	let widgetInput, widget;
	
	onMount(() => {
		widget = uploadcare.Widget(widgetInput, {
			publicKey: "demopublickey",
			imagesOnly: true,
			crop: "300x200",
		});
		console.log(widget);
	});
</script>

<input id="uploader" type="hidden" bind:this={widgetInput} />

Hope this helps.