1. #1
    Ext User
    Join Date
    Mar 2007
    Posts
    28
    Vote Rating
    0
    snid is on a distinguished road

      0  

    Default Mac Firefox modal basic dialog mask problem

    Mac Firefox modal basic dialog mask problem


    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-ex...og/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.



    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.

  2. #2
    Ext User
    Join Date
    Mar 2007
    Posts
    28
    Vote Rating
    0
    snid is on a distinguished road

      0  

    Default


    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.

  3. #3
    Ext User
    Join Date
    Mar 2007
    Posts
    28
    Vote Rating
    0
    snid is on a distinguished road

      0  

    Default


    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.

  4. #4
    Ext User
    Join Date
    Mar 2007
    Posts
    28
    Vote Rating
    0
    snid is on a distinguished road

      0  

    Default


    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.

  5. #5
    Sencha User jack.slocum's Avatar
    Join Date
    Mar 2007
    Location
    Tampa, FL
    Posts
    6,955
    Vote Rating
    16
    jack.slocum will become famous soon enough

      0  

    Default


    Thanks for sharing what you found. I'm sure this will help people out!

  6. #6
    Ext User
    Join Date
    Jul 2007
    Posts
    22
    Vote Rating
    0
    murraybozinsky is on a distinguished road

      0  

    Default


    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?

  7. #7
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    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

Similar Threads

  1. modal:true setting for basic dialog causing page to go 0-top
    By jay@moduscreate.com in forum Ext 1.x: Help & Discussion
    Replies: 3
    Last Post: 2 Mar 2012, 5:01 AM
  2. Modal panel behind mask in yui-ext layout
    By Tym in forum Ext 1.x: Help & Discussion
    Replies: 4
    Last Post: 21 Nov 2008, 7:11 AM
  3. basic dialog basic question
    By kevinknight in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 13 Mar 2007, 10:58 AM
  4. Basic dialog + page > screen size = problem.
    By jay@moduscreate.com in forum Ext 1.x: Help & Discussion
    Replies: 3
    Last Post: 22 Feb 2007, 6:35 AM
  5. modal Dialog shadow error in Firefox
    By reignman in forum Ext 1.x: Help & Discussion
    Replies: 3
    Last Post: 28 Dec 2006, 6:17 AM

Thread Participants: 3