How do I solve this input problem? (DJANGO)

I'm trying to do an autocomplete with django. In the HTML, I'm using a <select> tag to get the IDs and connect to the API for the data, anyway, that's not the focus. The truth is that this part of the select doesn't work inside the modal it should, just outside. Could anyone help me with suggestions?

I tried to put it outside the modal and it worked, but I need it to work inside the modal. The code below shows where it should work.

<div class="row">
<div class="col">
    <strong style="font-weight: 500;" class="d-block mb-1">Pessoas a serem adicionadas</strong>
<select
    class='form-control'
    id="id_pessoas"
    name="pessoas"
    required="required"
    data-ajax--cache="true"
    data-ajax--delay="250"
    data-ajax--type="GET"
    data-ajax--url='{% url "api-list-pessoa" %}'
    data-theme="bootstrap4"
    data-allow-clear="true"
    data-maximum-selection-length="7"
    data-minimum-input-length="3"
    data-language="pt-BR"
    data-placeholder="Selecione uma pessoa">
</select> 
</div>

Back to Top