[FluxUI] Checkbox Component cant be clicked.

Some flux components need to pay for the full package

@vincent15000 This component is part of the free plan.

@sifumax09 I don't know if this is a typo, but the label attribute is not evaluated as a plain string in the login.blade.php so you should have the ":" before.

Moreover, did you try another browser or incognito mode?

I never modified any of that code it shipped so in the livewire starterkit and some fluxui component are free including that checkbox one.

It worked before that also a thing. But let me try using your advise and I come back with some results

So its not a browser problem I just checked with diffrent browsers.

@remim So i figured it it why I was not able to click the checkbox. I published all the assests from livewire and fluxui and i simply removed these files and then it worked.

So the Spark thing everything works with User based billing but when I switch it over that the tenant get billed the wbehooks dont get processed

Same situation happening for me, and it's not just the sign in checkbox, I've also had issues clicking radio groups and checkboxes inside both blade and livewire components. What's even weirder is that it SOMETIMES works in chromium based browsers (~10% chance in brave), and it's even worked once in a firefox based browser (zen)

 <flux:checkbox wire:model="remember" :label="__('Remember me')" />

 <flux:radio.group name="weight_change_goal" class="mb-6">
                <flux:radio
                    label="Losing weight"
                    description="Sets your calorie goal as the maximum allowed daily calories."
                    value="cutting"
                    name="weight_change_goal"
                    checked
                />
                <flux:radio
                    label="Gaining weight"
                    description="Sets your calorie goal as the daily minimum to reach."
                    value="bulking"
                    name="weight_change_goal"
                />
                <flux:radio
                    label="Maintaining weight"
                    description="Checks if your daily calories are within 10% of your daily goal."
                    value="maintaining"
                    name="weight_change_goal"
                />

Here are some snippets i had issues with. This is what the devtools show on the login screen:

Uncaught DOMException: Operation is not supported
Uncaught DOMException: CustomElementRegistry.define: 'ui-disclosure' has already been defined as a custom element
    _ http://localhost:8000/flux/flux.js?id=fbde5aaf:125
    <anonymous> http://localhost:8000/flux/flux.js?id=fbde5aaf:125
    <anonymous> http://localhost:8000/flux/flux.js?id=fbde5aaf:128

Here are my package versions: Package.json

"dependencies": {
        "@tailwindcss/vite": "^4.0.7",
        "autoprefixer": "^10.4.20",
        "axios": "^1.7.4",
        "concurrently": "^9.0.1",
        "laravel-vite-plugin": "^1.0",
        "tailwindcss": "^4.0.7",
        "vite": "^6.0"
    },
    "optionalDependencies": {
        "@rollup/rollup-linux-x64-gnu": "4.9.5",
        "@tailwindcss/oxide-linux-x64-gnu": "^4.0.1",
        "lightningcss-linux-x64-gnu": "^1.29.1"
    }

composer.json

"require": {
        "php": "^8.2",
        "laravel/framework": "^12.0",
        "laravel/tinker": "^2.10.1",
        "livewire/flux": "^2.0",
        "livewire/livewire": "^3.6",
        "livewire/volt": "^1.6.7",
        "openai-php/laravel": "^0.11.0",
        "spatie/image": "^3.8",
        "spatie/image-optimizer": "^1.8"
    },
    "require-dev": {
        "barryvdh/laravel-debugbar": "^3.15",
        "barryvdh/laravel-ide-helper": "^3.5",
        "fakerphp/faker": "^1.23",
        "laravel/pail": "^1.2.2",
        "laravel/pint": "^1.18",
        "laravel/sail": "^1.41",
        "mockery/mockery": "^1.6",
        "nunomaduro/collision": "^8.6",
        "pestphp/pest": "^3.7",
        "pestphp/pest-plugin-laravel": "^3.1"
    },

If anyone has any solutions for me, I've tried everything mentioned in this thread, but nothing worked. Thank you in advance!

Edit: might be worth noting that I'm using Fedora 41 with an intel iGPU running under wayland

The wire:model="remember" from resources.views.livewire.auth.login.blade.php is linked to app.Livewire.Auth.Login.php.

The challenge is to understand how Login.php is connected to login.blade.php.

I believe the magic lies in these lines:

#[Layout('components.layouts.auth')] summons various layers to receive the $slot.

class Login extends Component { public bool $remember=false ... }—here, I believe Livewire injects the whole class into the $slot, as well as invokes login.blade.php.