Errors after ajax page load

[chrise86]

When using this with Rails with turbolinks (standard in Rails 4) you get an endless loop of:

Uncaught TypeError: Cannot read property 'offsetWidth' of null

[microspino]

same for me: RoR 4.0.3 on Chrome 34.0.1847.131

[licatajustin]

+1. Any fixes yet?

[jameshibbard]

This is caused by the fact that turbolinks is replacing the body contents, but not reloading the widearea plugin. Consequently the call to setInterval persists across page views, causing the error you describe when the user navigates away from a page containing one or more elements with a data-widearea="enable" attribute, to a page containing none.

Disabling turbolinks solves the problem, although this is not a great solution.

Another workaround is as follows. Change this line:

this._timer = window.setInterval(function() {

to:

_wideAreaTimer = window.setInterval(function() {

This makes the reference to the timer global. It can then be cancelled in the plugins constructor function, before re-initializing it (or not).

function WideArea(obj) {
  if(window._wideAreaTimer) clearInterval(window._wideAreaTimer);