Major handsontable UI issues in Chrome 50.0.2661.87

Tags: #<Tag:0x00007efc61454c00>

We’re noticing several major UI issues arising from errors deep in the handsontable code beginning with Chrome 50.0.2661.87. There are errors that seem to be showing up on various actions that trigger data changes or redrawing the table. Mostly those appear to trace back to functionality that seems closely tied to Object.observe which is now deprecated in chrome. This seems related to this issue: https://github.com/handsontable/handsontable/issues/3163 (I also commented there).

I note that that issue states that there’s a fallback in place for Object.observe, but I’m thinking it may not be working correctly in all cases. One of these errors is reproducible on your example page:

If you go to: https://handsontable.com/examples.html?column-summary&sorting (those column-summary and sorting options are important), then toggle on/off the “Export to CSV” option with chrome version 50.0.2661.87. You’ll get this error: Uncaught TypeError: Cannot read property ‘isPaused’ of null. Note that you will not see this with previous chrome versions.

If you trace this error down, it’s on line 18276 of handsontable.full.js, inside onDataChange, on a line with this.observer.isPaused(). Seems related to Object.observe.

Here is a PR for a polyfill fix related to some of the issues we’ve been seeing: https://github.com/handsontable/handsontable/pull/3442. Ideally we’d like to be able to pull this down from bower as quickly as possible.

Thank you @edmund.olson-morgan
I will send this description to our developers.

Thank you so much for the effort and time you spend to describe, test and provide the solution.

as @budnix wrote in your pull request it got merged.