3. Bug? Popover with one list-item

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

Bug? Popover with one list-item

  • M

    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>

    0_1524157458377_Image4.jpg

    0
  • M

    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.

    0
  • Onsen UI

    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.

    1