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…
I'm trying to make a button that contains a rectangular progress bar at the bottom of it, but still within it. The bar should be 100% the width of the button. I've tried a bunch of different methods including absolute…
We are running a Shopify store, and have come to a point where we need more flexibility content wise. My solution to this is to have content delivered via a custom CMS to a subdomain. One issue I have is…
I am trying to play/show a video Advertisement(just a h1 tag) at each index value in the array. For example; the first item in the array is 5. So at 5 seconds, I want the video to pause and play…
<script> let numbers = [1, 2, 3, 4]; let obj = { foo:{ bar: "bar" } } function addNumber() { numbers.push(numbers.length + 1); numbers = numbers; } const changeToBaz = (tempObj) => { tempObj.foo.bar = 'bazz'; } $: sum =…
I'm working on a Svelte project in VSCode, and I'd like to provide some additional documentation for my Svelte components. Specifically, I want to add some simple lines of text that appear in a popup when the user hovers over…
I have a spring boot backend running in a separate docker container that uses a JSESSIONID cookie for authentication, which I can see in the browser. However when my frontend svelte.js container running on a different port makes a request…
Basicly, i have an Svelte component that represend some kind of tag, there is icon in it. On hover i show a title on the side. <div class="flex flex-row items-center gap-2 bg-black bg-opacity-70 backdrop-blur-sm p-3 rounded-2xl icon_container" on:mouseenter={toggleVisibility} on:mouseleave={toggleVisibility}> <div>…
I'm trying to display (and update live) my application logs so I can watch them via the web. The issue is, when I call updateLogs() it doesn't re-render the each, it never does, even when calling updateLogs() in mount for…