Interact.js problems with Google Chrome v55 - javascript

We have been using interact.js for a while now in our angular web application. I recently updated google chrome to v55. Since this happened, I'm getting the following error in the console every time I enter the browser window (probably mouseenter event):
interact.js:637 Uncaught TypeError: Cannot read property 'pageX' of undefined
at getXY (interact.js:637)
at getPageXY (interact.js:654)
at setEventXY (interact.js:598)
at Interaction.setEventXY (interact.js:1307)
at Interaction.pointerMove (interact.js:1757)
at HTMLDocument.<anonymous> (interact.js:3307)
The error occurs regardless of wether we ever call interact(). I added outputs to every code line where we call interact() but even on pages where we do not call interact() a single time, the error comes up in the console log whenever the mouse enters the browser window.
I don't get this error in any other browser and I did not get it before I updated Google Chrome.
I tried changing the version of interact.js and found out that the error does not occur until v1.2.4 (latest version is 1.2.5).
Has anyone got the same or a similar problem and knows how to bypass this?

I just found out it is a known issue for interact.js and chrome v55:
https://github.com/taye/interact.js/issues/457

Related

Not Scrolling Properly

I've been trying to figure out why it wont scroll. This issue only arises with Google Chrome. I'm assuming it has to do with some sort of depreciation.
http://www.keywestvideographer.net/
Previously when you clicked on About or Contact it would scroll to that section of the page.
plugins.js:24 [Intervention] Registering mousewheel event as passive due to smoothscroll.js usage. The smoothscroll.js library is buggy, no longer necessary and degrades performance. See https://www.chromestatus.com/feature/5749447073988608
I went ahead and edited plugin.js and did what the instructions said on chromestatus.com but it didnt solve the issue.
Any idea why it wont scroll or what needs to be done to fix this issue?
Fix your JS error first and test again.
"Uncaught TypeError: Cannot read property 'container' of undefined"
Edit: You have the error on both FF and Chrome. The reason that it dont work on Chrome, but works on FF is that Chrome is treating it as a breaking error, while FF is just catching the error and proceeding through the script.
The error relates to revslider. It seems it is looking for an element that does not exist on your page.
You have your JS minified, so I cant really debug past that point.

ajaxToolkit AutoCompleteExtender Chrome error

Facts:
ajaxToolkit AutoCompleteExtender in this specific screen works fine in IE, and Firefox
ajaxToolkit AutoCompleteExtender works fine in Chrome, in a different screen, same application
But not here. Right now I am getting errors like this:
Uncaught Error: Sys.InvalidOperationException: Type
AjaxControlToolkit.Animation.Animation has already been registered.
and
Uncaught Error: Sys.ScriptLoadFailedException: The script
'http://abc/def/ScriptResource.axd?d=uZ7YXSkj4n5b51-4hy2B1kBoyWBzAKQobQalIia8aju5_q790-3ZI8fdE9mfezSEesp77ToyxGv7_erOfA-X853srHT0dJkwMzZ98t3kSUkbkMEhd1StAYZDits_77x15a31Dr-0FO4ytW-aNwix2qkS_181&t=634263938860000000'
failed to load. Check for: Inaccessible path. Script errors. (IE)
Enable 'Display a notification about every script error' under
advanced settings. Missing call to
Sys.Application.notifyScriptLoaded().
Anyone ever had any issues like this?
Scriptresource.axd is not something I tried to change before, so I am feeling totally lost.
So after a lot of debugging, I removed the UpdatePanel from the screen, and it is working fine in Chrom, Firefox, and IE as well.

Error : mousedown is not a function

No matter what web page I'm on, whenever I right click on the page I get this error on the console:
Uncaught TypeError: $(...).rmousedown is not a function
at HTMLDocument.document.onmouseup (mouseTrack.js:196)
What is the cause of this? Doesn't seem to cause any issues, but I'm curious where this comes from. I'm running chrome Version 55.0.2883.87 m (64-bit)
rmousedown() may not available in JS. I think this is a type mistake, you can try with mousedown() instead rmousedown().

Chrome and a TypeError due to SVGAnimatedString

When I click on an SVG element I get an error on Chrome but not on Firefox.
If I use the Chrome's debugger it breaks in bubble_compiled.js (Google's file) with an 'Uncaught TypeError: undefined is not a function'.
I know the underlying issue stems from ''.className returning an SVGAnimatedString (which doesn't have an indexOf method) and the correct thing to do is use .classNam e.baseVal but again this error is not part of my code rather it's part of google's code.
Here is a basic example:
<!DOCTYPE html>
<html>
<head>
<script>
function err() { alert('err'); }
</script>
</head>
<body>
<svg style="width:200px;height:200px; background-color: #00B7FF" onerror="err()"></svg>
</body>
</html>
Unfortunately this means that I can't debug my code that involved interactions with an svg element because Chrome debugger breaks on this error on mousedown.
Interestingly I didn't see this problem until two days ago (May 14th) and I've been developing such code for several years. I'm using Chrome 42 on the mac and I've tried using Chrome 40.0.2214.91 (64-bit) but now I get the same error (yes, I disabled Chrome automatic update :-) I don't see the problem in Firefox (with or without a debugger).
Another interesting observation is that the error doesn't occur if I load the above html from a file rather (file://) than via a server.
I tried to circumvent it by adding an indexOf() to SVGAnimatedString (or its prototype) but this is native code and it doesn't work.
Adding onmousedown to the svg element doesn't help because the exception occurs before my function is called.
All I need for now is a way to tell Chrome not to break on this error.
Turns out the issue is due to Google's Translate extension. Disabling it solve the problem.

Javascript 'Interactive Map' working intermittently on Chrome

I have created this map (in adobe edge - it uses javascript):
http://lpff.org.uk/Book-a-Pitch/All
It loads first time in Safari (mac). On Chrome (mac) it -sometimes- doesn't work the first load, if you click refresh then it works.
On the first load in Chrome I get these Javascript errors:
Uncaught TypeError: Cannot call method 'bindElementAction' of undefined index_edgeActions.js:16
Uncaught TypeError: Object # has no method 'okToLaunchComposition'
How can I get it to work first time - and what's causing this strange behaviour?

Categories

Resources