I have a list which I want to animate so that when an item is selected, it floats to top and the rest fly out. On reselecting the element it floats back to its place and others fly back in.…
I am trying to learn Svelte by building a quiz app. What I wanted to achieve is that when the user has answered a question from the quiz, it automatically jumps to the next one. I set a setTimeout() of…
I am writing a file selection form that each time a file is selected, that file will be added to the existing file array. My intention is to submit that array via the form, but after submitting, the array is…
In my code, I use css which sets the HTML font-size property to different percentages according to the screen width so any rem values are changed accordingly but now my font sizes are all messed up I've tried using css…
I'm attempting to setup drag and drop in my project I've got several fields setup like this If a user clicks the image on the left and drags, they can re-order the rows When a valid dropzone is detected (in…
I have a function that lets me run a JavaScript function in the browser: export async function executeFunction(data: LoadOutput, input: Record<string, any>): Promise<any> { let args = []; for (let param of data.functionTree[0].parameters) { let value = input[param.name]; if(!value) {…
I have a page that has several stages, and I want to add transitions between them. {#if state === 1} <div class="red" transition:fade/> {:else if state === 2} <div class="blue" transition:fade/> {:else if state === 3} <div class="green" transition:fade/> {/if}…
The conventional way to reference an HTML element is Svelte is to introduce a variable and bind:this the element to the variable. Like this <script> let divName; </script> <div bind:this={divName}></div> In this way we can use the variable divName to…
i have a problem with my svelte code. on the line 41 i have a for loop, which doesn't run anything, as it doesn't print out the i variable on the 42 line. here is my code: <script> import Toolbar…
I have a svelte project that uses Vite for its build tooling. I want to import a js file from the sakura-js package and call it in my index.html file. It works locally when I use the script tag like…