[CLOSED]Mouseover on menu and multiple IE windows.

**paubach** · 5 Oct 2009 7:37 AM

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

**evant** · 5 Oct 2009 6:38 PM

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.

**paubach** · 5 Oct 2009 11:44 PM

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.

**Condor** · 5 Oct 2009 11:51 PM

Aren't you missing the ext library?

**paubach** · 5 Oct 2009 11:58 PM

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

Yes!! I forgot the libraries

**paubach** · 6 Oct 2009 12:32 AM

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.

**paubach** · 8 Oct 2009 2:05 AM

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

**evant** · 8 Oct 2009 2:38 AM

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.

**paubach** · 8 Oct 2009 7:40 AM

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

**evant** · 8 Oct 2009 7:55 AM

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.

[CLOSED]Mouseover on menu and multiple IE windows.

Thread Tools

Search Thread

Display

[CLOSED]Mouseover on menu and multiple IE windows.

[CLOSED]Mouseover on menu and multiple IE windows.