<%= link_to name, '#', options.deep_merge(data: {toggle: 'modal', target: "##{strong_confirm_id}"}) %>

<aside id="<%= strong_confirm_id %>" class="modal fade" role="dialog" data-controller="confirm">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title"><strong>Are you absolutely sure?</strong></h4>
        <button type="button" tabindex="2" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span></button>
      </div>
      <div class="modal-body">
        <p><strong>This action cannot be undone.</strong></p>
        <p><%= message %></p>
        <p>To proceed, please type <strong><%= required_pattern %></strong> below and click the Delete button.</p>
      </div>
      <div class="modal-footer">
        <%= text_field_tag 'confirm', nil, class: 'form-control input-block', autofocus: true, tabindex: 1, data: {action: 'keyup->confirm#compare', "confirm-target" => 'pattern', 'pattern-required' => required_pattern} %>
        <%= link_to 'Permanently Delete', path_on_confirm, tabindex: -1, class: 'btn btn-block btn-danger font-weight-bold disabled', method: :delete, data: {"confirm-target" => 'deleteButton', action: 'click->confirm#onClickDelete'} %>
      </div>
    </div>
  </div>
</aside>

<%= link_to name, '#', options.deep_merge(data: {toggle: 'modal', target: "##{strong_confirm_id}"}) %>

<aside id="<%= strong_confirm_id %>" class="modal fade" role="dialog" data-controller="confirm">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title"><strong>Are you absolutely sure?</strong></h4>
        <button type="button" tabindex="2" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span></button>
      </div>
      <div class="modal-body">
        <p><strong>This action cannot be undone.</strong></p>
        <p><%= message %></p>
        <p>To proceed, please type <strong><%= required_pattern %></strong> below and click the Delete button.</p>
      </div>
      <div class="modal-footer">
        <%= text_field_tag 'confirm', nil, class: 'form-control col', autofocus: true, tabindex: 1, data: {action: 'keyup->confirm#compare', "confirm-target" => 'pattern', 'pattern-required' => required_pattern} %>
        <%= link_to 'Permanently Delete', path_on_confirm, tabindex: -1, class: 'btn btn-block btn-danger font-weight-bold disabled', method: :delete, data: {"confirm-target" => 'deleteButton', action: 'click->confirm#onClickDelete'} %>
      </div>
    </div>
  </div>
</aside>

Fix formatting of input field in strong confirm modal
Fix formatting of input field in strong confirm modal
