ToggleSwitch: does not switch visually when selecting Material theme

[frozzen-git]

Describe the bug

This can be seen on your site https://primevue.org/toggleswitch/.
Is it supposed to be?

Reproducer

https://primevue.org/toggleswitch/

PrimeVue version

4.2.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[rvdrijst]

I'm seeing the same thing. Both on Firefox and Chromium based (I'm on a Mac).

Other themes work fine.

Screen.Recording.2024-11-07.at.09.25.00.mov

[lan-nguyen91]

same issue for me, not showing up on Lara theme

[j0rgedev]

Hello everyone. This issue was caused due to an inconsistency in a design token from the toggleswitch component. A workaround for this is:

const MyPreset = definePreset(Aura, {
    components: {
        toggleswitch: {
            root: {
                gap: '0px'
            }
        }
    }
});