Welcome to Omgili,
Omgili ( Oh My God I Love It ;) is a search engine for discussions. With Omgili you can find answers and solutions, debates, discussions, personal experiences, opinions and more... To learn more about Omgili click here.
This is a complete preview of the discussion as it was indexed by Omgili crawlers. Use this preview if the original discussion is unavailable.
Click here to view the original discussion.
 |
|
 |
|
[CLOSED]Mouseover on menu and multiple IE windows. - Ext JS Forums
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
|
|
 |
|
 |
|
|
|
|
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.
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.
|
|
|
|
|
|
|
|
|
This returns a blank screen.
What am I doing wrong?
<!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.
|
|
|
|
|
|
|
|
|
Aren't you missing the ext library?
|
|
|
|
|
|
|
|
|
Where's the smiley image bangings the head against the wall???
Yes!!
I forgot the libraries
|
|
|
|
|
|
|
|
|
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.
|
|
|
|
|
|
|
|
|
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
|
|
|
|
|
|
|
|
|
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.
|
|
|
|
|
|
|
|
|
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
|
|
|
|
|
|
|
|
|
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.
|
|
|
|
|
|
|
|