Prevent autofocus

[mhenrixon]

I use tom-select in a Ruby on Rails application with a Stimulus controller to provide some data to tom-select.

import { Controller } from "@hotwired/stimulus"
import TomSelect from "tom-select"

export default class extends Controller {
  static values = {
    tags: Array,
  }

  connect() {
    this.tomSelect = new TomSelect(this.element, this.tomSelectConfig)
    this.tomSelect.addItems(this.element.value)
    this.setItems()
  }

  setItems() {
    this.tomSelect.addOptions(this.tagsValue)
    this.tomSelect.refreshItems()
    this.tomSelect.refreshOptions()
  }

  get tomSelectConfig() {
    return {
      create: true,
      createOnBlur: true,
      maxOptions: 500,
      persist: false,
      plugins: [
        "clear_button",
        "remove_button",
        // "restore_on_backspace"
      ],
      selectOnTab: true,
    }
  }
}

So, as the element appears, it connects the stimulus controller and converts the input element to TomSelect. Somehow, this focuses the element and pops up a dropdown with all the values.

Do you think I can prevent this so that the first element in the form stays focused?

This is how it looks on page load. For this scenario of editing a post, it isn't a big deal, but it annoys me when creating a new post.