Stimulus: autofocus the first invalid field after Turbo update

                  import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
  connect() {
    this.onRender = this.onRender.bind(this)
    document.addEventListener("turbo:render", this.onRender)
  }

  disconnect() {
    document.removeEventListener("turbo:render", this.onRender)
  }

  onRender() {
    const invalid = this.element.querySelector("input:invalid, textarea:invalid, select:invalid")
    if (invalid) invalid.focus()
  }
}