<html><head></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">For anyone who's interested, I solved the problem by adding a line of code to the SULightbox>>script method, inside the fullScreen: function.<div><br></div><div>That section now looks like this:</div><div><br></div><div><div><font class="Apple-style-span" face="Courier">Object.extend(Element, { </font></div><div><font class="Apple-style-span" face="Courier"> fullscreen: function(element) {</font></div><div><font class="Apple-style-span" face="Courier"> element = $(element);</font></div><div><font class="Apple-style-span" face="Courier"> var bounds = Position.windowBounds();</font></div><div><font class="Apple-style-span" face="Courier"> element.style.position = "absolute";</font></div><div><font class="Apple-style-span" face="Courier"> element.style.left = element.style.top = 0;</font></div><div><font class="Apple-style-span" face="Courier"> element.style.width = bounds[0] + "px";</font></div><div><font class="Apple-style-span" face="Courier"> element.style.height = bounds[1] + "px";</font></div><div><font class="Apple-style-span" face="Courier"> },</font></div><div><font class="Apple-style-span" face="Courier"> center: function(element) {</font></div><div><font class="Apple-style-span" face="Courier"> element = $(element);</font></div><div><font class="Apple-style-span" face="Courier"> var extent = Element.getDimensions(element);</font></div><div><font class="Apple-style-span" face="Courier"> var bounds = Position.windowBounds();</font></div><div><font class="Apple-style-span" face="Courier"> var x = (bounds[0] - extent.width) / 2;</font></div><div><font class="Apple-style-span" face="Courier"> var y = (bounds[1] - extent.height) / 2;</font></div><div><font class="Apple-style-span" face="Courier"> x = x < 0 ? 0 : x; y = y < 0 ? 0 : y;</font></div><div><font class="Apple-style-span" size="3"><span class="Apple-style-span" style="font-size: 12px;"><b><i><font class="Apple-style-span" face="Courier"> window.scrollTo(0,0);</font></i></b></span></font></div><div><font class="Apple-style-span" face="Courier"> element.style.position = "absolute";</font></div><div><font class="Apple-style-span" face="Courier"> element.style.left = x + "px";</font></div><div><font class="Apple-style-span" face="Courier"> element.style.top = y + "px";</font></div><div><font class="Apple-style-span" face="Courier"> }</font></div><div><font class="Apple-style-span" face="Courier">});</font></div><div><br></div><div>The line I added was </div><div><span class="Apple-tab-span" style="white-space:pre">        </span>window.scrollTo(0,0);</div><div><br></div><div>-- Sigrid.</div><div><br></div><div><div>On May 4, 2010, at 8:23 AM, Mortensen Sigrid E. wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Firebug is not giving me any errors.<div><br></div><div>I am including SULibrary. Note that this is working fine in Safari.</div><div><br></div><div>After a little more investigation, I found this:</div><div><h3></h3><blockquote type="cite"><h3>Notes</h3><p><code>Element.show</code> <em>cannot</em> display elements hidden via
CSS stylesheets. Note that this is not a Prototype limitation but a
consequence of how the CSS <code>display</code> property works.</p></blockquote><div>on the website <a href="http://www.prototypejs.org/api/element/show">http://www.prototypejs.org/api/element/show</a></div><div><br></div><div>Perhaps this was addressed in a later version of the Scriptaculous Seaside library, and I need to upgrade.</div><div><br></div><div>And, by way of further information, taking out the "style: 'display: none';" line really makes both Safari and Firefox behave the same way. The lightbox shows up, but the overlay doesn't cover the height of the full screen if the screen is narrower than a certain width. I think it's trying to scroll the whole screen up somehow. The lightbox is higher than center, and the overlay doesn't reach the bottom of the screen.</div><div><br></div><div>Clearly this is more of an issue with Prototype and Scriptaculous than with Seaside, so I need to find some way to debug the Prototype (e.g., to see what Position.windowBounds() is giving me at both screen sizes).</div><div><br></div><div>-- Sigrid.</div></div><div><br><div><div>On May 4, 2010, at 2:32 AM, Gerhard Obermann wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite">1) Use firebug to check if you get any javascript errors<br>2) Did you include SULibrary<br><br><div><br></div><div>| I'm not really sure why that style was
included. Lukas, can you shed any light (no pun intended) on the
reasoning here?</div><br>Because it becomes visible by using the javascript code at SULightbox. (see method script)<br><br>Gerhard<br><br><br><div class="gmail_quote">On Tue, May 4, 2010 at 3:10 AM, Mortensen Sigrid E. <span dir="ltr"><<a href="mailto:sigrid@selfhelpsoftware.com">sigrid@selfhelpsoftware.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;"><div style="word-wrap: break-word;">FWIW, I commented out the line "style: 'display: none';" in SULightbox>>renderContentOn:, and now it works in FF.<div>
<br></div><div><blockquote type="cite"><div><font color="#000000">renderContentOn: html</font></div><div><font color="#000000"> self renderOwnerOn: html.</font></div><div><font color="#000000"> html div id: 'overlay'.</font></div>
<div><font color="#000000"> html div</font></div><div><font color="#000000"> id: 'lightbox';</font></div><div><font color="#000000"> " style: 'display: none';"</font></div><div><font color="#000000"> with: self delegate.</font></div>
<div><font color="#000000"> self session addLoadScript: self lighter</font></div></blockquote><div><br></div></div><div>I'm not really sure why that style was included. Lukas, can you shed any light (no pun intended) on the reasoning here?</div>
<div><br></div><div>Thanks,</div><div>-- Sigrid.</div><div><br></div><div>P.S. Rats! It sorta-kinda works in Safari, too, except that now the overlay doesn't fill the whole window.<br><div><br></div><div><br></div><div>
<div><div>On Apr 30, 2010, at 12:01 PM, Mortensen Sigrid E. wrote:</div><br><blockquote type="cite"><div>Anybody have any ideas why lightbox may be working for me in Safari but not in Firefox?<br><br>I'm on a Mac with Seaside 2.8 and Scriptaculous-mb.239.<br>
<br>When I press the button that brings up the lightbox in Safari, everything works as expected, but when I do the same in Firefox, the process bar moves like it's loading the page, but I see nothing.<br><br>Putting a halt in where the button press is handled tells me nothing, because the #lightbox: call eventually raises a signal in a WARenderNotification and then it goes off into debugger la-la-land.<br>
<br>Thanks in advance for any help,<br>-- Sigrid._______________________________________________<br>seaside mailing list<br><a href="mailto:seaside@lists.squeakfoundation.org" target="_blank">seaside@lists.squeakfoundation.org</a><br>
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br></div></blockquote></div><br></div></div></div><br>_______________________________________________<br>
seaside mailing list<br>
<a href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a><br>
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
<br></blockquote></div><br>
_______________________________________________<br>seaside mailing list<br><a href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a><br><a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br></blockquote></div><br></div></div>_______________________________________________<br>seaside mailing list<br><a href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a><br>http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside<br></blockquote></div><br></div></body></html>