You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I assumed that the slot would replace the default spinner, but the spinner and the slot are there at the same time.
I found out that is happening because of daisyUI, which has a class "loading" which is also present in your generated code.
Is there a way to resolve this conflict?
sveltekit 1.20.0
svelte 3.59.1
<scriptlang="ts">
import Select from 'svelte-select';
let items = [
{value: '1',label: 'One'},
{value: '2',label: 'Two'},
{value: '3',label: 'Three'}
];
let value: {};
let loading = true;
</script><divclass="flex m-6"><Select{items}class="select-input"bind:valueplaceholder="Search store"hideEmptyStateloading><divslot="loading-icon">★</div></Select></div>
The text was updated successfully, but these errors were encountered:
StrawHatHacker
changed the title
loading-icon slot not working
loading-icon slot has conflicting class with UI framework
Sep 22, 2023
I assumed that the slot would replace the default spinner, but the spinner and the slot are there at the same time.
I found out that is happening because of daisyUI, which has a class "loading" which is also present in your generated code.
Is there a way to resolve this conflict?
sveltekit 1.20.0
svelte 3.59.1
The text was updated successfully, but these errors were encountered: