Can fix the resize case for 1.6?

This is quite tricky to solve but it needs to be revisited. See: http://www.howtocreate.co.uk/tutorials/javascript/browserwindow

maybe I'm missing something, but could one simply set iframe's position to "position:fixed" instead of doing the above? This would cover the entire viewport (as opposed to page) and keep doing so after viewport's been resized.

Tried it w/ Firefox 2.0 worked like a charm - no scrollbars.

My change to bridge/lib/extras/style.js ln 114:

BEFORE
iframe.style.position = 'absolute';

NOW:
iframe.style.position = 'fixed';

-nikita
ps. AFAIK this is set in

answering my own question above: "position:fixed" and iframe does not render correctly in IE7. However this does:

-replace iframe with div
-show/hide dialog and modal div via toggling styles between 'display: none;' and 'display: block;'

This approach:
-works in IE7, Firefox
-ensure entire viewport (browser window) is covered
-handles window resizing
-keeps dialog in the same position relative to viewport even when user scrolls.

Please see sample test.xhtml (attached).

What's missing:
-ideally there'd be a JS method that would precisely center the dialog (position it)
-this method would also have to handle user scrolling a long page (or disable scrollbars)

Mircea/Philip:
let me know what you think.

example of modal dialog that works w/ long pages, window resizing

Mircea,

If you're interested in seeing how my above suggestion performs in production, I can get you an account on our website, where this feature is now live. Let me know or ask Philip to do so.

-nikita

Nikita,

The problem with your fix is that IE6 would not be supported. Also we cannot rely on the document type to fix a layout issue. Please give DR#3 (last developer release) a try and see if things have improved. I'll try to come up with a complete solution in DR#4.

One more thing, we need to use an 'iframe' element for the overlay because 'select' elements are bleeding through any other element type, such as a 'div'. This is in IE6, of course

This test case shows a modal popup's modal overlay not properly covering all of the the screen. See screenshot.

shows modal overlay not covering entire screen on Firefox 2.0. Screen was not re-sized.

I cannot reproduce the bug. I used Firefox 1.5, 2.0 and IE6.

The modal overlay doesn't work if you don't declare a doctype. I tested with both html trans, and xhtml trans, and both work fine, but as soon as you leave off the doctype declaration the overlay only covers a small fraction of the screen.

Looks like it's not rendering correctly in quirks mode on IE.

Still doesn't work with Component Showcase (using Firefox 2.0) demo found here:
http://component-showcase.icefaces.org/component-showcase/

If the above runs older source, could you please update the demo so that one can see this component working?

thanks
-nikita

The current demos on www.icefaces.org will remain the current production branch, which is currently 1.5.3. The prebuilt demos are available in the 1.6 download bundles.

This fix doesn't work if you don't declare a doctype (use browser quirks mode). Can we make it work in quirks mode also?

Choose biggest scroll dimensions of documentElement or body elements.