I want to run two functions: one on:blur inside a component, and one on the component from the outside.

I’m using @tanstack/svelte-query with Svelte and want to process the data fetched by createQuery, similar to how select works in React Query’s useQuery. How can I achieve this in Svelte?

When I render this page, I can see my post’s properties in the console, but they disappear when I click the button. Why is that?

I’m working on app that’s mostly plain JS. And I need to plug some components made with Svelte.

I created a svelte modal component based on this example https://svelte.dev/examples/modal

I’d like to make expandable buttons using svelte, each button’s name enlarging as a headline and popping up its content on click.

I am using Svelte 4 with

I noticed that using the key block in svelte to toggle a re-render of a component inside the block will stop working if I visit another tab for some minutes. I know that the browser stops processes of the webpage that is not being used right now, but is the key block also affected by it?

In svelte, I know that one can use editablecontent with bind:innerHTML to bind the content of a div with a variable. But in my case I want to modify the variable only when the div loses the focus (on:blur). So I tried to write this, inspired by what I do on input:

Can someone explain to me why if I create input component in Svelte, using html input like, for example