How to manually control height and position of ionicPopover?

ionic-v1
1

I come across a problem when using ionicPopover. My popover includes some horizontally aligned items. when the target element is clicked, there should be a popover floats above or below it accrording to its position.

I set the style of ion-popover-view as below:

<ion-popover-view style="background-color: black; height: auto; width: 220px; border-radius: 15px;">

As result, popover always floats below the target element. Like this:

If I remove the height: auto , popover can automatically float below or above the element, but the default height is too large.

Any idea to control both height and position of popover manually ?

2

Popover has some js running to position it self like you would see on android and ios.

So short answer, you’d have to customize the popover and make your own.

3

Hi i am using ionic popover with this jquery
$(document).on(“mouseup”,".class",function(e){
//open popover here.
})

but i did not get popover position where i clicked.
it render it to corner position by delegate target.

is there is any way to fix the position of popover where i clicked in this case.