How to Set Autofocus on Modal Form?

[wktdev]

I tried creating a Hook per the link below. It doesn’t affect the modal.

Phoenix LiveView callbacks - to put text input focus on the selected input field?

The following solution works for me. Create AutoFocus hook in ./assets/js/app.js let Hooks = {} Hooks.AutoFocus = { mounted() { this.el.focus() } } let liveSocket = new LiveSocket("/live", Socket, {hooks: Hooks, ...}) Attach it to the first input field of a form <.form let={f} for={@changeset} id="my-form" <%= label f, :name %> <%= text_input f, :name, phx_hook: "AutoFocus" %> ... </.form>