I am working on a Svelte - Java Spring - MongoDB CRUD app, were i need to handle the 4 HTTP Requests : GET, POST, DELETE, UPDATE. I have the following problem. When i try to access the following url…
The ARIA tree spec says that when the tree widget gets keyboard focus, then the first item should get focus (if no element has focus). I have implemented this behavior below, but when my click handler fires I get a…
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…