Note that the value of canvas will be undefined until the component has mounted, so we put the logic inside the onMount lifecycle function.

Popper for Svelte with actions, no wrapper components or component bindings required! Other Popper libraries for Svelte (including the official @popperjs/svelte library) use a wrapper component that takes the required DOM elements as props. Not only does this require multiple bind:this, you also have to pollute your script tag with multiple DOM references. We can do better with Svelte actions!

Slot element doesn't support bind:this, but it's fallback child does.

DOM element binding using the bind:this attribute doesn't work apparently