https://github.com/driftyco/ionic/blob/master/release/css/ionic.css#L4031
This height never gets updated, which leads to a too high popup when only a few items are in it.
My popover template:
<ion-popover-view>
<ion-content>
<ion-list>
<ion-item ng-click="logout()">
Abmelden
</ion-item>
</ion-list>
</ion-content>
</ion-popover-view>
Related to #1963?
It seems to be by design based, which makes no sense to me. You can easily end up with cut off items...
...or a lot of blank space if you don't display "enough" items.
This is a workaround using CSS class popover-fit on <ion-popover-view> element:
.popover.popover-fit {
height: auto;
.scroll-content {
position: relative;
display: block;
max-height: $popover-height;
}
}
But it would be great stuff to improve it in this way: sizing and positioning.
Greetings @PureSpider!
I've closed this issue because my sensors indicated it was old and inactive, and may have already been fixed in recent versions of Ionic. However, if you are still experiencing this issue, please feel free to reopen this issue by creating a new one, and include any examples and other necessary information, so that we can look into it further.
Thank you for allowing me to assist you.
For anyone stumbling here, this still appears to be an 'issue' in v1.1.0 - by issue, I mean the default heigh of a popover view is 280 px. See this comment for some styles for auto sizing ('fit') popup views.