#603 Fix $check for IE7 - mootools.core

Type	To find
responsible:me	tickets assigned to you
tagged:"@high"	tickets tagged @high
milestone:next	tickets in the upcoming milestone
state:invalid	tickets with the state invalid
created:"last week"	tickets created last week
sort:number, importance, updated	tickets sorted by #, importance or updated
Combine keywords for powerful searching.
Use advanced searching »

This project is archived and is in readonly mode.

#603 ✓invalid

Fix $check for IE7

Reported by Xandros | February 25th, 2009 @ 06:54 PM | in 2.0 (closed)

There is an issue when using onmouseleave events in IE. If the element has a child


var $check = function(event){
  var related = event.relatedTarget;
  if (related == undefined) return false; // was 'return true'
  if (related === false) return false;
  return ($type(this) != 'document' && related != this && related.prefix != 'xul' && !this.hasChild(related));
};

Comments and changes to this ticket

You flagged this item as spam.
Xandros February 25th, 2009 @ 06:56 PM
- Title changed from “Fix $check for IE7” to “Full description, sorry typo”
There is an issue when using onmouseleave events in IE. If the element has a child SELECT element, when opening this select in IE, if the mouse leaves the element but stays inside the SELECT dropdown (further down for example), the mouseleave event fires even though the mouse is still inside the element.

The problem does not occur on Firefox.

The above code is the fix.
You flagged this item as spam.
Xandros February 25th, 2009 @ 06:57 PM
- Title changed from “Full description, sorry typo” to “Fix $check for IE7”
Scott Kyle September 4th, 2009 @ 04:06 AM
- Assigned user set to “Scott Kyle”
- State changed from “new” to “open”
Fábio M. Costa June 10th, 2010 @ 01:48 AM
- Milestone changed from “2.0” to “1.3.0 rc2”
- Assigned user changed from “Scott Kyle” to “Fábio M. Costa”
lets see what we can do.
Fábio M. Costa September 7th, 2010 @ 01:41 AM
- Milestone changed from “1.3.0 rc2” to “1.3.1”
- Milestone order changed from “0” to “0”
If we return false when related is null or undefined, than if you mouseleave on the html element (or body if your html don't have a padding) the event wont happen.

Looks like the options from a select doesnt work fine with the mouse(over|out) events.

Look this shell:

http://jsfiddle.net/ZksMm/15/

If you enter the select, click, mouseover the option 4 and mouse out of it nothing is printed, it means the mouseout is not hapening. Looks kinda impossible to solve this issue.

Do anybody has an idea?
Fábio M. Costa October 23rd, 2010 @ 04:07 PM
- Milestone changed from “1.3.1” to “2.0”
This one may not have a fix, but ill set it as a 2.0 ticket.
ibolmo January 19th, 2012 @ 08:19 AM
- State changed from “open” to “invalid”
Moved to Github Issues: https://github.com/mootools/mootools-core/issues/2221

Please use Github Issues, since Lighthouse has been deprecated.