ModalWindow + MSIE fails

• Key: WICKET-506
• Type: Bug
• Status: Closed
• Resolution: Invalid
• Priority: Major
• Assignee: Unassigned
• Reporter: Nick Johnson
• Component/s: wicket-extensions
• Affects Version/s: 1.2.6

Description

IE 6 and 7 fail to launch a ModalWindow... at first I thought this was due to AjaxFallbackLink since the Wicket-Examples page works, but that turned out to be a red herring.

Something else is afoot. Still trying to narrow it down, but the culprit looks like some kind of parsing problem after the Ajax response is received.

Comments

Incidentally, things also work beautifully in Opera.

[Nick Johnson]

Switched back to development mode on my workstation and pulled up the Ajax debug window. IE is actually calling the proper function:

INFO:
INFO: Initiating Ajax GET request on /tally-ho/article?wicket:interface=:2:11::&wicket:behaviorId=0&random=0.22414584417865696
INFO: Invoking pre-call handler(s)...
INFO: Received ajax response (962 characters)
INFO:
<?xml version="1.0" encoding="UTF-8"?><ajax-response><component id="fragment_forum_tree_entry_0_fragment_nav_replyOrNot_replyWindow" ><![CDATA[<span style="display:none" id="fragment_forum_tree_entry_0_fragment_nav_replyOrNot_replyWindow">
<div id="fragment_forum_tree_entry_0_fragment_nav_replyOrNot_replyWindow_content">
</div>
</span>]]></component><evaluate><![CDATA[var settings = new Object();
settings.minWidth=200;
settings.minHeight=200;
settings.className="w_silver";
settings.width="600";
settings.height="400";
settings.resizable=true;
settings.src="/tally-ho/article?wicket:interface=modal-dialog-pagemap:0:1::";
settings.iframeName="modal-dialog-pagemap";
settings.title="Reply Window";
settings.mask="semi-transparent";
settings.onClose = function() { var wcall=wicketAjaxGet('/tally-ho/article?wicket:interface=:2:16::&wicket:behaviorId=1', function() { }, function() { }); };
Wicket.Window.create(settings).show();
]]></evaluate></ajax-response>
INFO: Response parsed. Now invoking steps...
ERROR: Error while parsing response: Unknown runtime error
INFO: Invoking post-call handler(s)...
INFO: Invoking failure handler(s)...

So it looks like something is going wrong after it receives the ajax response.

[Nick Johnson]

This turned out to be caused by using <span> to placehold for the modal window instead of <div>.

Upon further debugging it was also discovered that MSIE 7 will not display the contents of an iframe until the iframe is resized if the HTML element has position: relative set in CSS.

[Nick Johnson]

Would be good to add a documentation note indicating that <div> must be used, not <span>, to hold the place for the modal window.

[Alastair Maw]

Augmented javadoc appropriately (r540613).

[Jonathan Locke]

If it doesn't work attached to anything but a DIV shouldn't the component throw an exception if it's attached to the wrong thing? Relying on javadoc here is not going to be very bulletproof. Until I started searching for modalwindow bugs, I never would have known this...