Click outside element to hide it
- this might be one of the most common javascript tasks!
We will leverage Stimulus-use and it's clickOutside behaviour to trigger an action on a stimulus controller. In our case - to close the dropdown menu.
Episode source code: https://github.com/corsego/138-tailwind-layout/commit/f58de741ddd87b52ededc1fcee5b7d0b8f67f229
Based on this blogpost: https://blog.corsego.com/tailwindcss-dropdown
P.S. 🙈 Really, I just forgot to include this feature in the previous episode, so here you go. This might be my shortest episode yet!