Page conteneur est cachée lors de l'affichage de Mobile popup Modal

Bonjour,

Je travaille sur une solution mobile et j'utilise les popup mobile pour la saisie des données.
Le problème est que quand le popup est affiché le contenu de la page parent devient caché.j'ai essayé avec opacity mais le problème persisite..ci après le code

Page Layout:

<div data-role="page" data-theme="c" id="cont">

@RenderBody()

</div>

<div data-role="popup" id="sql" style="width:400px;height:350px;">
<div data-role="header" data-theme="a">
<h1>Delete Page: Test de Dialog</h1>
</div>
</div>

Page qui contient le popup

<div class="ui-grid-a" style="width:100%">
<div data-role="header" data-position="fixed" data-theme="e"> <p class="ui-title custom-title">Commandes</p></div>
</div>

<a href="#sql" id="opendialog" data-rel="dialog" class="ui-btn ui-corner-all ui-shadow ui-btn-inline" data-transition="pop">Open Dialog</a>

Une idée pour cet erreur
Merci