Discussion on: Tailwind Enter/Leave Transition Effects with Stimulus.js

View post

Replies for: For sure! That's a really cool solution! I agree that handling clicks outside is important. I didn't go down that road because it strayed from the ...

First, thanks for a good post. And, i believe, you can doing something like

data-action="click->dropdown#toggleMenu click@window->dropdown#hideMenu"

hideMenu(event) {
    const buttonClicked = this.buttonTarget.contains(event.target)

    if (!buttonClicked) {
      leave(this.menuTarget)
    }
  }