[richfaces-issues] [JBoss JIRA] (RF-12338) ModalPanel bug, when resizing IE window

[Brian Leathem (JIRA)]

     [ https://issues.jboss.org/browse/RF-12338?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Brian Leathem updated RF-12338:
-------------------------------

    Fix Version/s: 3.Future

    
> ModalPanel bug, when resizing IE window
> ---------------------------------------
>
>                 Key: RF-12338
>                 URL: https://issues.jboss.org/browse/RF-12338
>             Project: RichFaces
>          Issue Type: Bug
>      Security Level: Public(Everyone can see) 
>          Components: component-panels-layout-themes
>    Affects Versions: 3.3.3.Final
>            Reporter: Nicholas Oxhøj
>            Priority: Minor
>             Fix For: 3.Future
>
>
> 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
> {code}
> .rich-modalpanel {
> 		right: 0;
> 		bottom: 0;
> 		background-color: transparent !important;
> }
> {code}
> Regards,
> Nicholas Oxhøj

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators: https://issues.jboss.org/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira