Home/ Questions/Q 9200217
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T22:42:58+00:00

I have a div (it’s a popup for an openlayers map, but it could

  • 0

I have a div (it’s a popup for an openlayers map, but it could pretty much be any fixed size div), that contains a jquery ui menu (which is wrapped in a ul). The menu doesn’t fit inside the div very well, so I’d like to make the menu float above it so that as the menu grows I don’t have to grow the size of the containing div. Is this possible?

The containing div is itself positioned absolutely, I’ve tried setting the ul that represents the menu to position:absolute;z-index:100 but that doesn’t work. I’ve also tried setting overflow:visible with no joy.

This screenshot shows the issue I have:

Screen grab

I’ve added a jsfiddle that opens a popup when you click the small orange circle, and you can see that the menu inside there is bigger than the containing div.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you tell me that my answer is not what you mean I will delete it cause I am not sure what you really need to do. You want this scrolls to disappear and if the text is bigger than the popup just to float over no matter it is going outline ?

    If this is what you want you have to remove the overflow: auto from .olFramedCloudPopupContent and again to remove overflow: auto from inline style of the element #chicken_contentDiv (I am not sure that you add it with jQuery).

    • 0