JS.focus does not work on iOS for text fields

[MitchellJeppson]

Environment

• Elixir version (elixir -v): Elixir 1.16.0 (compiled with Erlang/OTP 26)
• Phoenix version (mix deps): 1.7.14
• Phoenix LiveView version (mix deps): 1.0.0
• Operating system: Mac OS Sequoia 15.1.1
• Browsers you attempted to reproduce this bug on (the more the merrier): iOS Safari, iOS Chrome, Android Chrome, Mac OS Safari and Chrome
• Does the problem persist after removing "assets/node_modules" and trying again? Yes/no: yes

Actual behavior

Using JS.focus does not focus a text field if you are on iOS mobile. Here is some discussion and a simplified example of the issue. Sound like safari doesn't like to pop up the virtual keyboard unless it is a directly in response to user action. In that linked discussion above it was floated that it could be due to the debounce logic.