Positioning ionic popover on top

mrvamsidhar · January 29, 2015, 5:16am

Hello, I am using ionic beta 11.

I am using popover in myscreen. The issue is my popover is not getting displayed full at the bottom of the screen. Attached is the screen shot.

Is there any way I can get it on top if window height is less than my popover height?

Currently I set CSS top element to display my pop up always on top. But I want to get it align automatically.

Is there any way i can get this done?

 .custom-popup.shop-popup {
     top: 230px !important;
}

tomchiverton · June 22, 2015, 8:21am

Did you log a bug for this ?

mrvamsidhar · June 22, 2015, 8:37am

No I Didn’t. I did above mentioned hack and get going in my project.

Thanks.

tomchiverton · June 22, 2015, 8:39am

Dang Our iOS project only gets the position wrong (off bottom) on some sorts of phones, so we can’t fix it with global CSS.
I’ll have to try and reproduce it and log a bug if so.

cachien · June 24, 2015, 11:41pm

Hm, this is a problem in my project for both iOS, Android, & browsers. It’s at the top though- if I tap an item close to the top of my main ion-content, the top of the popover bleeds off the edge of the screen. Is this a known issue in the 1.0 release?