Bootstrap model with jquery ui dialog occur a max callstack size exceeded error

Open a jquery ui dialog from bootstrap modal. This occur a max call stack size exceeded error in console.

We can solve this error in two way in my knowledge.

1) set 'modal' property to false in jqueryui dialog.
e.g.

$( ".selector" ).dialog({
  modal: false
});

2) Add the below line of code to your page

$.fn.modal.Constructor.prototype.enforceFocus = function (){};