angularjs - Ionic popup template content does not fix to popup window -


i'm trying use popup view list inside it. list contains many items. when i'm trying this, list not fixing popup menu in devices. it's working in browser. view in device looks following image. mobile user interface

this controller

.controller('taskctrl', function ($scope, $http, $ionicpopup) {  $scope.taskslist = function () {   $scope.listdata = [];   (var = 0; < 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);   }); }; }) 

hope can figure out issue. thank you

problem might overflow property of .popup-body class. try adding below styles in template string or in custom css file.

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

Comments

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

c - double free or corruption (fasttop) -