What seems to be the problem: x-data not working to toggle the dropdown
Steps to Reproduce:
Are you using the latest version of Livewire: Yes
Do you have any screenshots or code examples:
<div class="wt-loginoption" x-data="{ isOpen: false }"> <a href="javascript:void(0);" id="wt-loginbtn" class="wt-loginbtn" @click="isOpen = true">Login</a> <div class="wt-loginformhold" x-show="isOpen" @click.away="isOpen = false">
What errors are you getting on your browser? AlpineJS is a javascript (front end) framework. It doesn’t rely on and isn’t tied to Laravel which is a PHP (back end) framework.
Hi @shortbrownman, thank you for your time and concern.
I am not getting any errors. I drop down does not just work I don’t know why.
I have included the alpin cdn into my app.blade.php.
Not sure if this is the reason, but potentially your Javascript href is messing with events for Alpine. Either way, use of "href=“javascript:void(0);” is a code smell that probably means you should just be using a button instead. I recommend trying a instead of the anchor, and obviously removing the href - see if that changes anything?