My HTML has two buttons to open different modal windows:

<div class="modal fade" id="workflow_modal" tabindex="-1" role="dialog" aria-labelledby="notFoundModalLabel">
    <div style="max-width:950px" class="modal-dialog modal-lg" id="wchild" role="dialog">
        <div class="modal-content">
            <div id="workflow_modal_content" >
            <!-- dynamically generated for this comment -->
            </div>
        </div>
</div>

<div class="modal fade" id="mappingexception_modal" tabindex="-1" role="dialog" aria-labelledby="notFoundModalLabel">
    <div style="max-width:950px" class="modal-dialog modal-lg" id="zchild" role="dialog">
        <div class="modal-content">
            <div id="mappingexception_modal_content" >
            <!-- dynamically generated for this comment -->
            </div>
        </div>
    </div>
</div>

<div id="team_view" class="btn-group col-10" role="group">
     <label id="team_manage_label"
           class="histbtn btn btn-outline-secondary btn-sm">Open</label> &nbsp;&nbsp;&nbsp;
     <label id="mapping_exception_label"
           class="histbtn btn btn-outline-secondary btn-sm">Mapping Exception</label>
</div>

function show_teamnmanage_model(doc) {

$('#workflow_modal_content').html(doc);
$('#workflow_modal').modal({
 show:true,
 backdrop:'static'
 });
}

function show_mappingexception_model(doc) {

$('#mappingexception_modal_content').html(doc);
$('#mappingexception_modal').modal({
 show:true,
 backdrop:'static'
 });
}

$('#team_manage_label').on('click', function() {
let data = new FormData();
team = "{{ team }}";
all_users = "{{ overrun_users}}";
data.append('team', team);
data.append('overrun_users', all_users);
let uid = $('#test-user-select').val().toString();
let url = `api/team/manage/teammanage_modal.html?as_user=${uid}`
fetch(encodeURI(url))
    .then(html)
    .then(show_teamnmanage_model.bind(this))

});

$('#mapping_exception_label').on('click', function() {
let url = `api/team/manage/mapping_exception_modal.html`
fetch(encodeURI(url))
    .then(html)
    .then(show_mappingexception_model.bind(this))

});

The button ‘Open’ works fine.

The button ‘Mapping Exception’ works on first click. at second clik onwards, the modal does not show up and the console shows the the “Uncaught RangeError: Maximum call stack size exceeded” error:

Where did I get it wrong?