Так что я создал приложение с кордорой. Я использую анимацию на страницах, используя animate.css.Диалог становится размытым после применения анимации
У меня есть страницы, которые содержат следующую HTML и включает в себя support.html
<div id="home" class="my_cards" ng-init="init()">
<div ng-include src="'app/shared/templates/headers.html'"></div>
<div ng-include src="'app/shared/templates/spinner.html'"></div>
<div class="main" ui-view="mainContent">
<!-- some content here -->
<div ng-include src="'app/shared/templates/support.html'"></div>
<footer class="page-footer">
<div class="row" style="width:100%; height:100%">
<div class="col footer-col" ui-sref="home">
<span class="icon ef-home"></span>
<span>Home</span>
</div>
<div class="col footer-col" ui-sref="explore">
<span class="icon ef-explore"></span>
<span>Explore</span>
</div>
<div class="col footer-col current" ui-sref="mycards">
<span class="icon ef-cards"></span>
<span>My Cards</span>
</div>
<div class="col footer-col" ng-click="support()">
<span class="icon ef-call"></span>
<span>Call</span>
</div>
</div>
</footer>
</div>
</div>
support.html
<div id="supportModal" class="modal modal-fixed-footer">
<div class="modal-content center-align">
<div class="phone">+91 80 8066 8066</div>
<div class="action row">
<div class="col s6 m6 l6"><a ng-click="closeSupportModal()">Cancel</a></div>
<div class="col s6 m6 l6"><a href="tel:+918080668066">Call</a></div>
</div>
</div>
</div>
Проблема заключается в том, когда применить анимацию (помеченные красным цветом на изображении)
Диалог становится размытым и кнопки на нем не работают.