modal popup panel hides all contents in main window
Just discovered that in RF4.2.2, when a modal popup panel is invoked, the content in the main window becomes invisiable.
This problem only happen in Internet Exporerer. The version I used is IE 8.
In firefox, Chrome, the problem does not exist.
In RF4.2.0, the problem does not exist.
Please see the two screenshots below. Once the popup panel invoked, in the first one (Firefox), the button in the main window is still visiable.) In the second one, the button cannot be seen.
The code I used for testing is the same as the Showcase. I do not know why the showcase works well. maybe it is still using RF4.2.0?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:fn="http://java.sun.com/jsp/jstl/functions"
xmlns:rich="http://richfaces.org/rich">
<h:head>
<title>Requirement Workflow</title>
</h:head>
<h:body>
<h:commandButton value="Call the popup">
<rich:componentControl target="popup" operation="show" />
</h:commandButton>
<rich:popupPanel id="popup" modal="true" resizeable="true" onmaskclick="#{rich:component('popup')}.hide()">
<f:facet name="header">
<h:outputText value="Simple popup panel" />
</f:facet>
<f:facet name="controls">
<h:outputLink value="#" onclick="#{rich:component('popup')}.hide(); return false;">
X
</h:outputLink>
</f:facet>
<p>You can also check and trigger events if the use clicks outside of the panel.</p>
<p>In this example clicking outside closes the panel.</p>
</rich:popupPanel>
</h:body>
</html>