Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Ext JS Premium Member paubach's Avatar
    Join Date
    Jan 2008
    Location
    Plasencia, Spain
    Posts
    337
    Vote Rating
    0
    paubach is on a distinguished road

      0  

    Default [CLOSED]Mouseover on menu and multiple IE windows.

    [CLOSED]Mouseover on menu and multiple IE windows.


    Open a IE window (I checked it happens with version 7 and 8, in FF it works fine).

    From this window open any link in a new window (you'll need any web loaded first) creating a child window.

    Once you have the child window load on the parent:
    http://www.extjs.com/deploy/dev/exam...p/desktop.html

    Open the start menu, and leave this open. Now go to the child window (don't maximize it) and move and resize to see the parent window and the menu.

    Mouseover the menu without clicking, and voila!! The parent window takes the focus. The child window hides.

    I've tested this with extJS 2 and 3.

    So, please, when you find a fix, could you do it for both versions?

    Thanks,
    Pau

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,655
    Vote Rating
    583
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    This isn't something we can fix, it's a bug in IE.

    Easily shown:

    1) Open a maximized IE window with the following code.

    Code:
    Ext.onReady(function(){
        var el = Ext.getBody().createChild({
            tag: 'div',
            style: 'width:1000px;height:1000px;background-color:red;'
        });
        el.on('mouseover', function(){
            el.setStyle('background-color', 'blue');
        });
        el.on('mouseout', function(){
            el.setStyle('background-color', 'red');
        });
    });
    2) Open a new IE window, resize it to 200x200 wide.

    3) Mouseover the unfocused part of the large window.

    4) Observe the div changing colour.

    Marking this as closed.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  3. #3
    Ext JS Premium Member paubach's Avatar
    Join Date
    Jan 2008
    Location
    Plasencia, Spain
    Posts
    337
    Vote Rating
    0
    paubach is on a distinguished road

      0  

    Default


    This returns a blank screen. What am I doing wrong?

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script>
    Ext.onReady(function(){
        var el = Ext.getBody().createChild({
            tag: 'div',
            style: 'width:1000px;height:1000px;background-color:red;'
        });
        el.on('mouseover', function(){
            el.setStyle('background-color', 'blue');
        });
        el.on('mouseout', function(){
            el.setStyle('background-color', 'red');
        });
    });
    </script>
    </head>
    
    <body>
    
    </body>
    </html>

    What does create the problem? We have lots of users using IE and this isn't comfortable to them.

  4. #4
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    83
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    Aren't you missing the ext library?

  5. #5
    Ext JS Premium Member paubach's Avatar
    Join Date
    Jan 2008
    Location
    Plasencia, Spain
    Posts
    337
    Vote Rating
    0
    paubach is on a distinguished road

      0  

    Default


    Where's the smiley image bangings the head against the wall???

    Yes!! I forgot the libraries

  6. #6
    Ext JS Premium Member paubach's Avatar
    Join Date
    Jan 2008
    Location
    Plasencia, Spain
    Posts
    337
    Vote Rating
    0
    paubach is on a distinguished road

      0  

    Default


    I don't see the similitude with what I'm telling.

    In this case, the 2nd window doesn't lose focus going under the 1st window.

    On my example (it only works for a child window. Not for a new window) the child window goes backwards because it loses the focus and the 1st window gets it.

  7. #7
    Ext JS Premium Member paubach's Avatar
    Join Date
    Jan 2008
    Location
    Plasencia, Spain
    Posts
    337
    Vote Rating
    0
    paubach is on a distinguished road

      0  

    Default


    I'd like to insist that I don't consider this closed.

    The example given by Evan doesn't show the same behavior that I describe.

    Thanks,
    Pau

  8. #8
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,655
    Vote Rating
    583
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    See the attached. Obviously you can't see my mouse cursor, but you'll see the small window has focus and the box is still highlighted blue because I've moused over it.
    Attached Images
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  9. #9
    Ext JS Premium Member paubach's Avatar
    Join Date
    Jan 2008
    Location
    Plasencia, Spain
    Posts
    337
    Vote Rating
    0
    paubach is on a distinguished road

      0  

    Default


    I understand, but in my example (different than yours) the small window loses the focus and the focus goes to the big window.

    That means that if we have the big window maximized the small window suddenly disappears behind it just with a mouseover on the other window.

    Thanks,
    Pau

  10. #10
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,655
    Vote Rating
    583
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Exactly the same thing happens. The first window retains focus, however I have used my mouse to trigger the sub menu on the non focussed window. See attached.

    It's a bug in IE, there isn't anything we can do to fix this.
    Attached Images
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

Thread Participants: 3