Tailwind on Rails #140 Click outside to close Menu with Stimulus-Use

12/08/2023 (8 months ago)

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!

Sign in to join the conversation