ng-virtual-keyboardがionicモーダルで動作しない

Question

私は、イオンモーダル入力で仮想キーボードを実装しようとしています。そのために、jQueryベースのMottie Keyboard、ng-virtual-keyboardに基づいているこのライブラリを使用しています。これを私のコードで実装しましたが、イオンモーダル入力で使用するとキーボードは見えますがクリックすることはできません。仮想キーボードをクリックすると、その下の領域がクリックされます。

私はここで、指定したすべてのスクリプトが含まれていましたが、私のコードは

<script src="js/jquery.js"></script> 
<script src="lib/jquery-ui/jquery-ui.min.js"></script> 
<script src="lib/keyboard/dist/js/jquery.keyboard.min.js"></script> 
<script src="lib/keyboard/dist/js/jquery.keyboard.extension-typing.min.js"></script> 
<script src="lib/ng-virtual-keyboard/dist/ng-virtual-keyboard.min.js"></script> 

モーダルが示されたとき、私はこの

$scope.$on('modal.hidden', function() { 
    // Execute action 
    $('.modal input').each(function() { 
     $(this).data('keyboard').destroy(); 
    }); 
}); 

$scope.$on('modal.shown', function(event) { 
    // Execute action 
    var asdf = $('.modal input').keyboard(); 
    $('.modal input').keyboard({ 
     layout: 'qwerty', 
     usePreview: false 
    }) 
    // activate the typing extension 
    .addTyping({ 
     showTyping: true, 
     delay: 50 
    }); 
}); 

をやっている私は私ができることはすべてを試してみましたこれを修正するには、誰かがいくつかの修正を提案できますか？

Answer 1

私は、CSSのプロパティpointer-events: auto;をポップアップに追加して解決しました。

これは、新しいコードはHTMLで

、コントローラで

<input type="search" ng-model="searchText" ng-virtual-keyboard="kb_config"> 

、

$scope.kb_config={ 
    layout: 'qwerty', 
    usePreview: false, 
    autoAccept: true, 
    autoUpdateModel: true, 
    css:{popup:'aiv-keyboard'} 
} 

とCSSで、

.aiv-keyboard{ 
    pointer-events: auto; 
} 

どのように見えるかです