Snippet HTML

l'elemento che triggerà il modal deve avere questi attributi:

data-bs-toggle="modal" data-bs-target="#IDMODAL"

modal di bootstrap centrato verticalmente

<div class="modal fade" id="IDMODAL" tabindex="-1" role="dialog" aria-labelledby="IDMODAL" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title">TITOLO MODAL</h5>
            <button type="button" class="close chiudiModal" id="" data-bs-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span>
            </button>
          </div>
          <div class="modal-body">
            corpo modal
        </div>
        </div>
      </div>
    </div>

Di default tutti gli elementi focusable hanno l'attributo tabindex=0 (anche quando non espresso).
Aumentando l'indice, quindi mettendo ad esempio tabindex=1, farà selezionare l'elemento dopo TUTTI quelli con tabindex 0

RICHIEDE IL PHP

<link rel='stylesheet' type='text/css' href='styles/custom.css?v=<?php echo time(); ?>'>