When having an #each block in svelte (like https://learn.svelte.dev/tutorial/keyed-each-blocks), the entry is only updated if the content changed. This works perfectly in the tutorials example, where a string is given as property to a nested component: {#each things as thing…
I’m having an issue using svelte. I’m trying to map an object passed as a prop and then use it in an #each block. It works fine until I try to bind the element to the object using bind:this. It…
Context: I am not new to programming, but I am new to front end development. That is, my background is mainly in scientific computing, and I now am building a basic web application. Main: I am starting from the ground…
I have a JS file that creates an iframe element and appends it to the body. I am planning on having it be used by other websites as a widget. I have it stored in src/lib/static/embed.js. If I am running…
I'm using DaisyUI and TailwindCSS I'm using a drawer and steps. <div class="drawer"> <input id="my-drawer" type="checkbox" class="drawer-toggle" /> <div class="drawer-content"> <!-- Page content here --> <label for="my-drawer" class="btn btn-primary drawer-button">Open drawer</label> <ul class="steps"> <li class="step step-primary">Register</li> <li class="step step-primary">Choose plan</li>…
I integrated the Google Sign In button (https://developers.google.com/identity/gsi/web/guides/personalized-button) in a Svelte application v.3.54.0. The button requires a function in the global scope as a callback (data-callback attribute), e.g.: <div id="g_id_onload" data-client_id="<id>.apps.googleusercontent.com" data-context="signin" data-ux_mode="popup" data-callback="handleCredentialResponse" data-auto_prompt="false" /> <div class="g_id_signin" data-type="standard" data-shape="rectangular"…
I know there are some discussions about that. For example here: https://github.com/sveltejs/kit/discussions/8640 However, I still do not understand it completely. I have a +page.svelte and a corresponding +page.js file. In the +page.js file I fetch some external data. This might…
I'm creating a resume builder where many templates will be possible. I have a component that switches between the different templates depending on what the user chose. For now I only have three templates, but the file already compiles to…
How would I go about styling HTML elements and re-exposing all of their events in a Svelte component? (essentially, I'm looking for the Svelte way to do styled-components) For example, I'm trying to style a regular HTML button and expose…
I'm trying to set opacity of HSLA background color dynamically using CSS variables. First I created a variable --color for color, which has --alpha variable in it as alpha. It works, but I am not able to override the --alpha…