Monaca Onsen UIにおいて、ons-dialogを使用してダイアログを表示し、Android版Monacaデバッガーの戻るボタンを押下すると、ログに"Capturing backbutton-handler is failure."と記録され、ダイアログが閉じません。
ちなみに、ons-navigatorをコメントアウトすると正常にダイアログが閉じるようですが、page1-page2の画面遷移は機能しません。
なにかよい方法はないでしょうか?
よろしくお願いします。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<script src="components/loader.js"></script>
<link rel="stylesheet" href="components/loader.css">
<link rel="stylesheet" href="css/style.css">
<script>
ons.bootstrap();
function showDialog() {
ons.createDialog("dialog.html").then(
function(dialog) {
dialog.show();
});
}
</script>
</head>
<body>
<ons-navigator var="myNavigator">
<ons-page>
<ons-toolbar>
<div class="center">Page1</div>
</ons-toolbar>
<div style="text-align: center">
<br>
<ons-button onclick="showDialog()">Show dialog</ons-button>
<br>
<br>
<ons-button onclick="myNavigator.pushPage('page2.html')">Show page2</ons-button>
</div>
</ons-page>
<ons-template id="page2.html">
<ons-page var="page2">
<ons-toolbar>
<div class="center">Page2</div>
</ons-toolbar>
<div style="text-align: center">
<br>
<ons-button onclick="myNavigator.popPage()">Show page1</ons-button>
</div>
</ons-page>
</ons-template>
<ons-template id="dialog.html">
<ons-dialog var="dialog" cancelable>
<ons-toolbar fixed-style inline>
<div class="center">Dialog</div>
</ons-toolbar>
<div style="text-align: center">
<br>
How are you?
</div>
</ons-dialog>
</ons-template>
</ons-navigator>
</body>
</html>