Hi,

To which part of the modal you are appending the div? I've created the snippet where I append custom content to the .modal-body element and everything seems to be working fine. https://mdbootstrap.com/snippets/jquery/marcin-luczak/2695178

If this doesn't work for you, please post a snippet with your code so I can check it, or try to append elements dynamically on shown.bs.modal and delete them on hide.bs.modal event. Otherwise, your custom elements will stack inside the modal body.

$("#modalSelector").on('shown.bs.modal', function(){
   // append elements
 });
$("#modalSelector").on('hide.bs.modal', function(){
  // delete elements
});

Regards, Marcin