Иконное содержимое шаблона всплывающего окна не фиксируется во всплывающем окне

Question

Я пытаюсь использовать всплывающее окно для просмотра списка внутри него. Список содержит много элементов. Когда я пытаюсь это сделать, список не фиксируется во всплывающем меню на устройствах. Он отлично работает в браузере. Вид в устройстве выглядит следующим образом. Mobile user interface

Это мой контроллер

.controller('taskCtrl', function ($scope, $http, $ionicPopup) { 

$scope.tasksList = function() { 
    $scope.listdata = []; 
    for (var i = 0; i < 100; i++) { 
    $scope.listdata.push(i) 
    } 
    var myPopup = $ionicPopup.show({ 
    template: ' <style>.popup { width:500px; height:50%; }</style> <ion-list>       ' + 
    ' <ion-item ng-repeat="item in listdata"> ' + 
    ' {{item.id}}        ' + 
    ' </ion-item>        ' + 
    '</ion-list>        ', 
    title: 'Current Tasks', 
    scope: $scope, 
    buttons: [ 
     { 
     text: '<b>Close</b>', 
     type: 'button-positive', 
     onTap: function (e) { 
      myPopup.close(); 
     } 
     }, 
    ] 
    }); 
    myPopup.then(function (res) { 
    console.log('Tapped!', res); 
    }); 
}; 
}) 

Надежда кто-то может понять это вопрос. Спасибо

Answer 1

Проблема может быть с overflow property of .popup-body класс. Попробуйте добавить ниже стили в строку шаблона или в свой собственный файл css.

.platform-android .pop-up .popup-body{ 
    overflow : overlay; 
}