Issue Type: Bug Bug
Affects Versions: 3.3.3.Final
Assignee: Unassigned
Components: component-panels-layout-themes
Created: 21/Jun/12 7:47 AM
Description:

Hi

I think that RichFaces ModalPanel doesn't account for what seems to be a bug in Internet Explorer.

To see the problem:

  • Open for example http://livedemo.exadel.com/richfaces-demo/richfaces/modalPanel.jsf in an IE window which doesn't fill the whole screen.
  • Click on "Show Modal Panel" in Example 1.
  • After the modal panel has opened, resize the browser window so that it becomes higher (leave the width unchanged).
  • You should now see that the modal panel doesn't block the newly revealed bottom part of the window...

The problem seems to be triggered by the fact that the absolutely positioned container DIV (with the class rich-modalpanel) has a size of 0x0.

An attempt at a workaround, seems to be to set "right: 0;bottom:0;" in addition to the "top:0px;left:0px" which is already being set. This makes the container DIV fill the whole window - and now the contained DIVS (with width & height 100%) will now resize nicely when the size of browser window is changed.

The only problem now, is that the container DIV, for some reason has an inline style of "background-color: inherit", which means that it most likely generates a completely opaque layer beneath the otherwise semi-transparent overlay.

To also fix this with a CSS only workaround, I ended up with

.rich-modalpanel {
		right: 0;
		bottom: 0;
		background-color: transparent !important;
}

Regards,
Nicholas Oxhøj

Project: RichFaces
Priority: Minor Minor
Reporter: Nicholas Oxhøj
Security Level: Public (Everyone can see)
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators.
For more information on JIRA, see: http://www.atlassian.com/software/jira