Calendar & Modal Panel, overflow issue

abuit Feb 20, 2009 7:33 AM

Hello,

Rendered Modal Panels have the CSS property 'overflow: hidden' at the position of the popupNameContentDiv. When a Calendar component is placed on a small modal panel, and the calendar button is clicked, the calendar will be 'cut off' by the overflow:hidden property.

So I disabled the overflow:hidden, but this caused another problem. In Internet Explorer 7, the rendered popupNameContentTable is too big, and 'sticks out' of the popup. This wasn't visible due to the overflow:hidden, but when I want the calendar to work properly, we get this issue.

Is this a bug, or is there another good way around it?

1. Re: Calendar & Modal Panel, overflow issue

shiocaltz Feb 20, 2009 8:34 AM (in response to abuit)

i think you can specify to the calendar popup the initial position to popup at, so you can make it always appear within the modal
Actions
2. Re: Calendar & Modal Panel, overflow issue

abuit Feb 20, 2009 9:22 AM (in response to abuit)

Yes, I already use this to reposition the calendar in case it is located at the bottom of the screen.

However, the modal panel might be too small to display the whole calendar, so I need the calendar to overflow.
Actions
3. Re: Calendar & Modal Panel, overflow issue

nbelaevski Feb 20, 2009 10:09 AM (in response to abuit)

Hello,

Set trimOverlayedElements="false" for rich:modalPanel.
Actions
4. Re: Calendar & Modal Panel, overflow issue

abuit Feb 21, 2009 4:40 AM (in response to abuit)

That worked great for IE, but FF still trims the calendar. I'll try to combine them both, overflow: visible in FF and setTrimOverlayedElements(false) for IE.
Actions

Go to original post