PDA

View Full Version : Mac Firefox modal basic dialog mask problem



snid
8 Feb 2007, 9:05 AM
modal BasicDialogs on Mac Firefox (2.0.0.1) do not display with a grey opaque mask. Instead, you get some colored horizontal lines on the screen. I even tried looking at the dialog example at

http://www.yui-ext.com/deploy/yui-ext/examples/dialog/layout.html

I believe this worked at some point, but doesn't currently. I tested on 2 different Mac machines. Mine with Firebug installed, one with no extensions installed.

http://farm1.static.flickr.com/164/383834688_cb6fd97388.jpg

Tweaking the CSS rules - it appears to be related to opacity. Set the opacity to 0 or 1, and no lines. Anything else and you get lines.

snid
8 Feb 2007, 10:54 AM
Hmmm... it does appear to be something we are doing locally.

If I restart FF and go to the demo page, it works fine.

Once I load one of oure local pages that uses some yui-ext stuff, it starts drawing lines. So, it looks like it is a local-ish problem.

But it is strange that it is "contaminating" the demo hosted on a different site.

snid
8 Feb 2007, 11:07 AM
The conflict is between tinyMCE (a rich text editor thing we are using) and the modal dialog. If there's an active tinyMC Eeditor, the dialogs get hosed.


http://tinymce.moxiecode.com/

we are horribly backlevel on tinyMCE though... perhaps an update of that will help.

snid
8 Feb 2007, 1:31 PM
Here's as far as I've tracked the problem so far:

If a tinyMCE area (which is a table element with a bunch of stuff in it) is on a tab (yui tab, not firefox browser tab) that is not active, on MacOS, the modal BasicDialog masks get hosed - for all FireFox windows, not just the window with the tabbed page.

If the tinyMCE area is on the active yui-tab, the masks would work fine.

What I wound up doing was putting on activate / deactivate handlers on the tabs that had tinyMCE areas and setting display=none for the tables in question when the tab wasn't visible. That solved the problem.

Strangely, forcing these tables to display=block (instead of display=table) seemed to make the problem go away also - without having to tweak the value of the css display property as the tabs were changed. Just set display=block and everything was good.

jack.slocum
9 Feb 2007, 3:35 AM
Thanks for sharing what you found. I'm sure this will help people out!

murraybozinsky
9 Jan 2008, 2:43 AM
I'm gaining this buggy effect without using this tinyMCE editor. Just after doing dragging & dropping, modal dialog's background is not painted over with a semi-transculent screen mask but with that coloured stripes as shown in snid's screenshot...

By the way it's not only the screen mask which is mixed up, also disabled menu items or fx isn't shown correctly anymore.

Any idea how this can be fixed?

tryanDLS
9 Jan 2008, 10:17 AM
This is thread is almost a year old and is not based on the current release. Please create a new thread in the appropriate forum and post details per this http://extjs.com/forum/showthread.php?t=13985. Thx