Bug? Popover with one list-item
-
Hi. I have the following code. It is a popover that covers a “md-more” toolbar button. It only has one list-item, but the popover seems to require two at a minimum and forces spaces for two. Please see screenshot for example output. I am using Onsen 2.8.3, but I’m not ready to upgrade at this point, so I don’t know if it’s still an issue or not.
<ons-popover ... cover-target cancelable> <ons-list> <ons-list-item tappable> Delete </ons-list-item> </ons-list> </ons-popover>
-
So, I ended up just doing a little hack to adjust the minimum height of the popover. Taken from my css mod file:
/* onsen-ui normally sets this at 100px. that means you can't have a popup menu of just one list-item. this change fixes that. */ .popover__content{ min-height: 0px; }
Works for me.
-
I’m not sure why we do have that
min-height
. I guess it’s just a safety net, but in this case it’s definitely an issue. Thanks for the workaround.