Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cannot initialize dropdowns with Alpine

See original GitHub issue

Hi!

I’m currently using Kutty within a Nuxt app, but I cannot get the dropdowns to work ,since I’m getting Uncaught ReferenceError: dropdown is not defined on the JS console every time. Could it be something related to Alpine JS?

Thanks in advance and awesome job with Kutty!

Issue Analytics

State:
Created 3 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

1reaction

mcamacommented, Aug 10, 2020

I confirm that setting the mode property to 'spa' (instead of mode: 'universal'), in nuxt.config.js, solves the issue with dropdowns.

0reactions

mcamacommented, Aug 10, 2020

Hi. I’ve just created a minimal repo (where the issue can be reproduced) and added you as a collaborator. Again, thank you for your help.

Top Results From Across the Web

How to initialize the alpine component AFTER an event. #517

I'm trying to use the google maps API, and setting some initial Markers on page load. I have my component defined like this....

init

The x-init directive allows you to hook into the initialization phase of any element in Alpine. ... In the above example, "I'm being...

2 - AlpineJS Tutorial - How to create a dropdown with Alpine.js

Alpine.js offers you the reactive and declarative nature of big ... How to create a dropdown with Alpine.js | Using x-data, x- init,...

Building Related Selects in Alpine.js

The idea here is to only show the city drop-down when a state is selected. Now let's check out the JavaScript: document.addEventListener('alpine ......

javascript - How do you activate alpinejs?

To initialise an AlpineJs component you'll need an x-data attribute on the parent container: <div x-data="{ isShowing: false }"> <h1 ...