StimulusJS controller that will close a modal when the user clicks outside of it

modal.html

<div data-controller="modal" data-action-"click@document->modal#close">
  <div class="modal" data-target="modal.modal">
     ... modal content goes here
  </div>
</div>

modal.js

import { Controller } from "stimulus"

export default class extends Controller {
  static targets = ["modal"]

  close(event) {
    if (!this.modalTarget.contains(event.target)) {
      this.modalTarget.classList.remove("is-active")
    }
  }
}