document.execCommand and document.queryCommandState doesn't work in Svelte
I want to create a text editor, but there are some confusing problems that have come up :The text formatting doesn't work unless text is selected firstThe color change on the buttons when the...
View ArticleHow to navigate to a [slug] loaded from a database in sveltekit
I am still pretty new to Sveltekit and Supabase but I want to make a website that grabs data from a table in Supabase and using a slug to navigate to a different url depending on what the user inputs...
View ArticleDoes extending TailwindCSS with utility classes affect the final build size?
Does using a custom border radius alias like this add to the final CSS build size, beyond the (what I assume is) minimal definition of the class itself?theme: { extend: { borderRadius: { card: ({ theme...
View ArticleSvelte 3 - How to loop each block X amount of times
I'm hoping to find a way to iterate over an #each block a set amount of times in Svelte 3. In Vue I would do something like this:<li v-for="i in 3"><!-- somecontent --></li>But as I...
View ArticleHow to use vitePreprocess with global SCSS mixins in SvelteKit?
In my SvelteKit project I am using SCSS and in order to include some mixins that are used throughout the project, I switched from vitePreprocess to svelte-preprocess and prepended them with...
View ArticleSvelte showing warning for creating an app with unknown prop
I have a very basic Svelte app where I am displaying some super simple HTML, just starting.In my dev tools console, though I see the following warning:<App> was created with unknown prop...
View ArticleHow can I add a global SCSS file to Svelte / SvelteKit?
I am migrating a React app to Svelte. The React app does not scope its CSS; everything is in one stylesheet made from a few dozen SCSS files. This stylesheet is only 8 kb so I would like to use it as a...
View Article"Error: 'target' is a required option" when running imported function from ``
I have a Error.svelte component which has a <script context="module"> containing a writable store and a exported 'addError' function, altering the store content.Error.svelte<script...
View ArticleClik here to view.
When using pocketbase with svelte, pocketbase returns a 'fetch failed' error...
So I have a simple svelte app in which I want to perform CRUD operations using pocketbase. I have setup a collection "user" in pocketbase which has a table of fields name and age. I tried to perform a...
View ArticlePage not reloading on navigate("/") (svelte-routing)
I am working on a website and there for using Svelte and the svelte-routing library .The svelte-routing library has a method called navigate(path).I use this function on a click of a button and it...
View ArticleHow to connect paddle with sveltekit
I am trying to add paddle with sveltekit but I'm stuck with 400 error, I did search on google, read the documentation but I still couldn't understand what am I doing wrong?I know paddle gives...
View ArticleConditional Rendering in Svelte Based on Server's Response
I am building a web application with Django as the server and Sveltekit on the client.During the registration process, a link with a token is sent from the server to the user's provided email, when...
View ArticleNo longer able to import $lib files - ENOENT: no such file or directory
In my Svelte 5 / Sveltekit project, when I npm run build, I get the following error:[vite:load-fallback] Could not load "path\to\project\frontend\src\lib/types/pocketbase": (imported by...
View ArticleHow do I override my SvelteKit CSRF token to match my Django backend's CSRF...
Let me start by clarifying that I am using Django on the backend, but then using Svelte and SvelteKit on the "frontend". I am also using Allauth Headless for authentication.When I remove...
View ArticleWhy button using 'focus-within' is not working on iOS
I need a hidden delete button to appear and work when a input is focused using markup and CSS in Svelte.I got it all working in browsers for OS X and Raspberry Pi OS (Chrome, Chromium, Safari and...
View ArticleParticles are always full screen
I decided to add particles to the wave to make it beautiful. On top of the wave there will be animated text with a description and buttons, every time I try to limit the visibility of the particles I...
View ArticleSave button does not update immediately after radio button click
I need to implement the following functionality:There are two categories - "action" and "agent", each with two values, which are implemented with "radio button" objectsIn the beginning of the process,...
View ArticleConditional Rendering of Contents of Navbar in Sveltekit
I am trying to conditionally render different parts of my navbar to the user depending on if they are logged in or not. I initially achieved this by using the onMount function, but it is not ideal as...
View ArticleSvelte retropropagate stores as a memory registry
is it possible to get a memory registry behavior through Svelte's stores mechanism ? And Having a retroaction looping pattern inside derivation's closure body ?Imagine a chess game board and its...
View ArticleGet submitted button's name in Sveltekit actions
I've got a form with 2 buttons:<form method="POST" class="pt-10"><div class="flex flex-row pt-10"><button type="submit" name="save-and-exit" class="btn btn-primary btn-lg">{ mode ==...
View Article