Is there a way to control the size of a popover control? I am using a popover as a menu like in the example ( http://codepen.io/ionic/pen/GpCst ). This works well if there are exactly 5 items like in the example. If there are fewer items then there is whitespace at the bottom of the menu and, if th…

The scroll can be disabled as any other ion-content element by just using <ion-content scroll="false">

If your popover uses headers/footers, you’ll also need to add this: ion-popover-view.fit ion-header-bar, ion-popover-view.fit ion-footer-bar { position: relative !important; } ion-popover-view.popover .has-header { top: 0 !important; } ion-popover-view.popover .has-footer { bottom: 0 !importan…

[image] weeman: ver-view.fit { margin-top: 10px !impor this method seems to be broken in the latest rc, unfortunately: See the Pen NPmmOG by Matt Prestlien ( @mattchue ) on CodePen .

For me i solved with. .popover .scroll-content{ overflow: visible!important;} and few more css to beauty my popover theme :smiley: … hope to be helpfull… with love From Dominican Republic. [image]

This doesn’t fix it for me. Seems like this only fixes the items being shown, but not the enclosing popover.

With the help from @weeman , I have implemented the following solution. Works both for larger and smaller content, preserves the rounded corners on iOS: ion-popover-view.fit { height: auto; } ion-popover-view.fit ion-content { position: relative; } .platform-android ion-popover-view.fit { ma…

Does anyone have a solution with scroll enabled? All solutions are nice but not clean.

savior! this fix really worked for what I was looking for!

That’s a really cool solution @vladius ! However, that top and bottom padding doesn’t look so good on iOS. I think in this case it is better to use border-radius on the first and last items. I made a fork of your CodePen to demonstrate: http://codepen.io/andutm/pen/ONXoRr Relevant part: .platform…

Popover sizing

paredesivan September 20, 2016, 2:27pm 26

ion-content scroll=“false”

Popularity

Understanding CSS styles applied to IonSelect

Topic		Replies	Views
Popover in Footer ionic-v1	4	3061	August 19, 2014
Popover styling ionic-v3	9	24581	July 19, 2021
Popover from middle of the item in ng-repeat ionic-v1	0	751	September 11, 2014
How to show scrollbar in popover content? ionic-v3	6	5251	July 19, 2021
Ionic popover footer buttons not resizing ionic-v1	0	771	June 25, 2015

Popover sizing

Related topics