Checkboxes not having ticks after publishing application

[Josh-Nicholson]

I'm encountering an issue in production where checkboxes don't have any ticks.
They are there on dev, just not on the built version of the site.
The app is built using the node adapter.

When inspecting the UI using dev tools it states that the background-image is an 'Invalid property value' on checkbox:checked

Example

For reference here is the css value of my live site

[type=checkbox]:checked{background-image:url(data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e)}

and here is the value from the live skeleton site:

[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}

[endigo9740]

Hey @Josh-Nicholson, Skeleton doesn't implement anything that would affect checkboxes in this manner. We rely on native input checkboxes per:
https://www.skeleton.dev/elements/forms#checkboxes

Make sure you follow our recommendation for implementing the official Tailwind Forms plugin, covered here:
https://www.skeleton.dev/elements/forms#install-the-forms-plugin

The plugin resets and normalizing input styles, making them easier to style. Then all Skeleton touches is the styling to make them adapt to your theme colors, per:
https://github.com/skeletonlabs/skeleton/blob/dev/packages/skeleton/src/lib/styles/elements/forms.css#L136

In other words, there's nothing FUNCTIONAL on Skelton's end that would affect your checked state. That's likely local to Svelte/Kit and your personal app structure and state.

For Svelte specific issues, we provide a #svelte-sveltekit channel on our Discord, where community members can jump in and help provide support. Otherwise I might suggest taking this over to the Svelte communities to see if they have any ideas. I'll also leave this thread open for a bit in case anyone else wants to chime in.

If you find a fix, feel free to post it here though. It might help the next person that runs into a similar issue!