View Full Version : [ExtJs][IE 8 compatibility][Error mouseOver]

2 Dec 2013, 8:11 AM

I have a compatibility problem when I want execute my ExtJs webSite on IE8;
Indeed, the error is :

SCRIPT5007 : unable to get property 'mouseover' of undefined or null reference
ext-all-dev.js line 16619

In this file, I tried to put a condition on addListener function as following :

if (eventName != 'mouseover' && eventName != 'mouseout' && eventName != 'mousemove' && eventName != 'keydown' && eventName != 'mouseup')

With it, I haven't errors in my console. But, the Drag & Drop in my application doesn't work.
So, what's the good solution to avoid this "mouseover" error and to keep a functional Drag & Drop ?

Thank you in advance and sorry for my English :)

Gary Schlosberg
2 Dec 2013, 9:09 AM
In which specific version of ExtJS are you seeing this issue?

2 Dec 2013, 9:59 AM
I use ExtJs 4.2.1 :)

3 Dec 2013, 7:00 AM

After many hours of reseach, I think more particularly that the error appars because of use of Mootools and ExtJs.
Indeed, I tried again with a blank page.

A first file 'app.js' (It's my ExtJs application)

name: 'HelloExt',
launch: function()
layout: 'anchor',
renderTo: Ext.getBody(),

items: [
title: 'Hello Ext',
html : 'This is to test Ext JS.'

And a second file 'index.html' (the start page with includes)

<title>Hello World</title>

<!-- STYLES -->
<link rel="stylesheet" type="text/css" href="ext-all.css">

<!-- LIBS -->
<script type="text/javascript" src="mootools-core.js"></script>
<script type="text/javascript" src="mootools-more.js"></script>

<script>MOOTOOLS_DOCUMENT_ID_VALUE = document.id;</script>

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="ext-all-dev.js"></script>

document.id = Ext.documentId;

<!-- APP -->
<script type="text/javascript" src="app.js"></script>


On Chrome / FireFox and IE10+, it works perfectly, but on IE9, I always have the following error :
SCRIPT5007: Impossible d’obtenir la propriété « mouseover » d’une référence null ou non définie
ext-all-dev.js, Ligne 16617 Caractère 21

If I remove Mootools-core & mootools-more includes and the mootools patch, it works.
But, my ExtJs application must be integrated in a joomla web site, so Mootools is included by default.

In conclusion, there is another patch / adapter to resolve this problem ?

Thank you again !!! :)