Modal not triggering in Safari 9 or IE all versions.

Hello,

Facing same issues, the model is not working on IE11 but works perfect on IE Edge.

<--

<button target="_blank" class="btn btn-md mbbbuttonyellow waves-effect waves-light" data-toggle="modal" data-target="#loginmodal">Sign In</button>

<div class="modal fade mbbmodal" id="loginmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-notify" role="document">
<div class="modal-content">

<div class="modal-body">
<div class="text-center">
<a href="/CA/"><img src="assets/images/logo.png" class="img-fluid flex-center" width="100px"></a>
<hr>
<form:form action="loadBaseData" modelAttribute="user" id="loginPage" name="loginPage" method="POST" >
<fieldset>
<div class="form-group">
<input class="form-control mbbinputlg" placeholder="Username" id="userId" name="userId" type="text" >
</div>
<div class="form-group">
<input class="form-control mbbinputlg" placeholder="Password" name="password" type="password" value="">
</div>
<div class="text-center">
<button class="btn btn-md btn btn-sm mbbbuttonyellow" type="submit">Login</button>
</div>

</fieldset>
</form:form>
</div>
</div>

</div>
</div>
</div>

-->

this the console error i got on ie11

<--

SCRIPT1002: Syntax error

popper.min.js (1,175)

SCRIPT5009: 'Popper' is undefined

bootstrap.min.js (6,1)

-->

Thanks