Popup hides behind pdf in IE.

[goku88]

Hi,

I have some troubles with displaying popup in front of pdf.  I have iframe with source pointing to some pdf and when popup shows some of its content hides behind this pdf (see attachment). Sometimes it hides on show, sometimes to get that effect I have to resize popup. It happens in IE only (tested on 8 and 9). This is my page body:

Could someone explain the problem to me please? Is this some problem with this particular page or some more general one? Any suggestions for corections/workaraunds?

[goku88]

My page body was lost for some reason. I don't see edit button so again:

<h:body>

        <h:form>

            <iframe id="overviewFrame" src="http://docs.jboss.org/richfaces/latest_3_3_X/en/devguide/pdf/richfaces_reference.pdf" width="900" height="800" />          

            <h:commandButton value="openPopupWithPdf">

                <rich:componentControl target="pdfPopup" operation="show" />

            </h:commandButton>

        </h:form>

        <h:form>

            <rich:popupPanel autosized="false" id="pdfPopup" resizeable="true" width="300" height="100" moveable="true" overlapEmbedObjects="true">

                <f:facet name="controls">

                    <a4j:commandLink id="documentHideEditLink" styleClass="hidelink" onclick="#{rich:component('pdfPopup')}.hide()" execute="@this">

                        <h:graphicImage value="/img/modal/close.png" />

                    </a4j:commandLink>

                </f:facet>

                <f:facet name="header">

                    This is popup header

                </f:facet>   

                <h:panelGrid>

                    Some text

                </h:panelGrid>

            </rich:popupPanel>

        </h:form>

    </h:body>

[healeyb]

This sounds like a zindex problem, try rich:popupPanel zindex="1000000" and if this fixes the problem try reducing it to a

sensible value. You should use the browser developer tools/firebug to determine an appropriate value. In the chrome browser

for example you can right click and select "Inspect Element" then open up Computed Style on the right hand side and scroll

down to z-index. By determining the zindex of the element that is in front of the desired element you should be able to make

it all fit together.

Regards,

Brendan.

[goku88]

Thanks for response. I tried to set z-index to highest value (for IE = 2147483647) but it didn't help. I think that overlapEmbedObjects atribute was designed to overcome the problem (and one of the reason was that z-index couldn't help) and it partially works. In IIE 8 and 9 if  overlapEmbedObjects  is set to false then entire popup hides behind pdf. In my page I set it to true and You can see what happened in attachemnt.

[goku88]

I tried to put mediaOutput  instead of iframe on same page. Something like that:

<a4j:mediaOutput rendered="true"uriAttribute="src" element="embed" cacheable="false"  standby="loading..." mimeType="application/pdf" createContent="#{testBean.fetchFiletoView}" value="1"/>

But it didn't help either. Only pdf content loaded little longer.