JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" style="display:block;">

JavaScript

$(document).ready(function () {
    $target = $('input');
    $target.trigger('focus');

    $target.one('show.bs.modal', function (showEvent) {
        $this = $(this);

        console.log($this);

        if ($this.is(':visible')) {
            $this.focus();
        } else {
            console.log($this + ' ' + 'invisible');
        }

        $target.one('hidden.bs.modal', function () {
            $this.is(':visible') && $this.trigger('focus')
        });
    });

    $target.trigger('show.bs.modal');
});