search

tuankhac / share-extras

Automatically exported from code.google.com/p/share-extras
0 stars 0 forks source link

Media Viewers - Some divs are rendered behind iframes in IE #113

Closed GoogleCodeExporter closed 8 years ago

GoogleCodeExporter commented 8 years ago 
What steps will reproduce the problem?
1. Configure web-preview.get.config.xml so that Embed plugin is used to show a 
document (IE 8 can't use other plugins)

<condition mimeType="application/pdf">
  <plugin>Embed</plugin>
</condition>

<condition thumbnail="pdf">
  <plugin src="pdf">Embed</plugin>
</condition>

2. Go to document-details
3. Click on "Change type" ("Changer le type" in french)
4. Try to move the panel above the document

What is the expected output? What do you see instead?

The new panel is displayed behind iframe, and should be displayed above.

What version of the add-on are you using? Please provide version of the
downloaded package, or Subversion revision number.

media-viewers-2.0.jar

What version of Alfresco are you using? On what application server?

4.0.2 Enterprise on Tomcat 6.0.35

What web browser are you using? Please supply browser name and version.

IE 8

Please provide any additional information below.

This issue does not happen with FF 16.0.2.

Here is a trick you can try to show divs above pdfs on IE :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<body>
  <iframe id="firstIframe" style="position:absolute; top:0px; left:0px; width:100%; height:400px; z-index:0" src="http://samplepdf.com/sample.pdf">
  </iframe>

  <iframe id="secondIframe" style="position:absolute; top:100px; left:100px; width:150px; height:150px; z-index:1" frameborder="0">
  </iframe>

  <div id="greenDiv" style="position:absolute; top:100px; left:100px; width:150px; height:150px; background-color:green; z-index:2">This DIV is displayed on IE thanks to secondIframe. Remove it and see greenDiv disappear behing pdf.</div>
</body>
</html>

I have Media Viewers on edit-metadata, and on that page, I have a form with 
fields where I can pick associations.
So I had the same issue when I had to pick some associations and other 
authorities.
I could fix this by modifying picker.inc.ftl. I attached my fix, hoping that it 
can help.

Original issue reported on code.google.com by philippe...@gmail.com on 30 Nov 2012 at 3:12

Attachments:

GoogleCodeExporter commented 8 years ago

Original comment by will.abson on 4 Dec 2012 at 5:20

GoogleCodeExporter commented 8 years ago 
Unfortunately the attached fix will cannot be implemented as the picker 
template is not supplied by this add-on.

According to 
http://stackoverflow.com/questions/12911428/z-index-does-not-work-in-ie7-ie8-wit
h-pdf-in-iframe however it appears that CSS changes are not necessarily 
required on the floating div (the picker here).

Requires further investigation.

Original comment by will.abson on 10 Jan 2013 at 3:00

GoogleCodeExporter commented 8 years ago 
Fixed this in issue 128. See also
http://code.google.com/p/share-extras/source/detail?r=1437
Closing this as duplicate.

Original comment by loftux.p...@gmail.com on 2 Feb 2013 at 1:45