When you click a link for the user to report spam comments (located near the bottom of the page), the modal window appears and then seems to disappear - when in fact it is still on the page, it just moves all the way to the top because of the absolute positioning. This results in a grey overlay that appears to "block" all of the content with no visible popup.

Can this be changed to fixed which would always fix the window to the center of the browser window?

diff --git a/js/modal.js b/js/modal.js
index a986829..5d3d0d9 100644
--- a/js/modal.js
+++ b/js/modal.js
@@ -386,7 +386,7 @@
     if( docHeight < winHeight ) docHeight = winHeight;
     // Create our divs
-    $('body').append('<div id="modalBackdrop" style="z-index: 1000; display: none;"></div><div id="modalContent" style="z-index: 1001; position: absolute;">' + $(content).html() + '</div>');
+    $('body').append('<div id="modalBackdrop" style="z-index: 1000; display: none;"></div><div id="modalContent" style="z-index: 1001; position: fixed;">' + $(content).html() + '</div>');
Files: 

Comments

Patch

Anyone?

I agree that position: fixed makes more sense, however this breaks media edit windows.

The behavior you're describing is caused when the window resize event is fired in javascript. The ctools code to calculate the top and left styles for #modalContent is incorrect. I've created a new ctools issue https://drupal.org/node/2055785 that should fix this issue.