{"id":513,"date":"2009-03-29T21:12:24","date_gmt":"2009-03-30T03:12:24","guid":{"rendered":"http:\/\/www.mooreds.com\/wordpress\/archives\/000513"},"modified":"2009-03-29T21:15:09","modified_gmt":"2009-03-30T03:15:09","slug":"popups-in-gwt-and-ie8","status":"publish","type":"post","link":"https:\/\/www.mooreds.com\/wordpress\/archives\/513","title":{"rendered":"Popups in GWT and IE8"},"content":{"rendered":"<p>Just starting to test some GWT applications against IE8.\u00a0 (Using <a href=\"http:\/\/finalbuilds.edskes.net\/iecollection.htm\">IE Collection<\/a>, which is very useful.\u00a0 It includes standalone versions of IE from IE1 to IE8.\u00a0 Very useful, even if the version of IE8 doesn&#8217;t include the developer tools.)<\/p>\n<p>The only issue I&#8217;ve seen so far is that <a href=\"http:\/\/google-web-toolkit.googlecode.com\/svn\/javadoc\/1.5\/com\/google\/gwt\/user\/client\/ui\/PopupPanel.html\">popups<\/a> don&#8217;t work correctly.\u00a0 Some appear, but not where they are supposed to.\u00a0 Others, particularly with the lightbox we&#8217;re using (from the <a href=\"http:\/\/gwt-widget.sourceforge.net\/docs\/apidocs\/org\/gwtwidgets\/client\/ui\/LightBox.html\">GWT-Widget project<\/a>), just don&#8217;t appear at all.<\/p>\n<p>For the latter, you get the very helpful message:<\/p>\n<blockquote>\n<pre>Line: 2618\r\nChar : 324\r\nError: Not implemented\r\nCode: 0\r\nFile: url to your GWT cache.js file.<\/pre>\n<\/blockquote>\n<p>(This is with GWT 1.5.3.)\u00a0 After compiling the GWT with &#8220;-style DETAILED&#8221;, I looked at the precise line causing the error message.<\/p>\n<p>It was in this method:<\/p>\n<blockquote>\n<pre>function com_google_gwt_user_client_ui_impl_PopupImplIE6_$onShow__Lcom_google_gwt_user_client_ui_impl_PopupImplIE6_2Lcom_google_gwt_user_client_Element_2(popup){\r\nvar frame = $doc.createElement($intern_1350);\r\nframe.src = $intern_1351;\r\nframe.scrolling = $intern_1352;\r\nframe.frameBorder = 0;\r\npopup.__frame = frame;\r\nframe.__popup = popup;\r\nvar style = frame.style;\r\nstyle.position = $intern_1314;\r\nstyle.filter = $intern_1353;\r\nstyle.visibility = popup.style.visibility;\r\nstyle.border = 0;\r\nstyle.padding = 0;\r\nstyle.margin = 0;\r\nstyle.left = popup.offsetLeft;\r\nstyle.top = popup.offsetTop;\r\nstyle.width = popup.offsetWidth;\r\nstyle.height = popup.offsetHeight;\r\nstyle.zIndex = popup.style.zIndex;\r\n\/*\r\nstyle.setExpression($intern_110, $intern_1354);\r\nstyle.setExpression($intern_111, $intern_1355);\r\nstyle.setExpression($intern_91, $intern_1356);\r\nstyle.setExpression($intern_93, $intern_1357);\r\nstyle.setExpression($intern_1358, $intern_1359);\r\n*\/\r\npopup.parentElement.insertBefore(frame, popup);\r\n}<\/pre>\n<pre \/><\/blockquote>\r\nYou can see where I commented out the style.setExpression calls, which <strong>seemed<\/strong> to fix the issue (the $intern strings are css property names like 'left').\u00a0 Obviously not very sustainable. The other fix available right now is to add this meta tag to the HEAD section of your HTML documents:\r\n<pre>&lt;meta http-equiv=\"X-UA-Compatible\" content=\"IE=EmulateIE7\" \/&gt;<\/pre>\n<p>For more information on this, follow the <a href=\"http:\/\/code.google.com\/p\/google-web-toolkit\/issues\/detail?id=3329\">GWT issue tracker bug 3329<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Just starting to test some GWT applications against IE8.\u00a0 (Using IE Collection, which is very useful.\u00a0 It includes standalone versions of IE from IE1 to IE8.\u00a0 Very useful, even if [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,33,20],"tags":[],"class_list":["post-513","post","type-post","status-publish","format-standard","hentry","category-gwt","category-useful-tools","category-web-applications"],"_links":{"self":[{"href":"https:\/\/www.mooreds.com\/wordpress\/wp-json\/wp\/v2\/posts\/513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mooreds.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mooreds.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mooreds.com\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mooreds.com\/wordpress\/wp-json\/wp\/v2\/comments?post=513"}],"version-history":[{"count":0,"href":"https:\/\/www.mooreds.com\/wordpress\/wp-json\/wp\/v2\/posts\/513\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.mooreds.com\/wordpress\/wp-json\/wp\/v2\/media?parent=513"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mooreds.com\/wordpress\/wp-json\/wp\/v2\/categories?post=513"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mooreds.com\/wordpress\/wp-json\/wp\/v2\/tags?post=513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}