Ошибка типа: grid.columns[0] не определена в сетке Firefox Vaadin

Question

Я использую Vaadin Grid. Я получил:

Ошибка типа: grid.columns[0] не определена

В Firefox как в названии. В Chrome это работает. Код:

var grid = grid || document.querySelector('vaadin-grid');
HTMLImports.whenReady(function() {
    var json = '[["Blabla", true, "sdfsdfsd", "fsdsdfsdfsd fsdfds fsdf shfskd hds", 0, "39acbfa4-6d6b-4af9-b872-03fc70328183"]]';

    var testJSON = JSON.parse(json);
    grid.items = testJSON;

    // --> ERROR: undefined in firefox
    grid.columns[0].renderer = function(cell) {
        //...
    };    
});

Зачем?

Answer 1

После обнаружения этого: Polymer 1.0 на firefox ReferenceError: Polymer не определен

Я мог бы решить мою проблему:

использование window.addEventListener('WebComponentsReady', function(e){ вместо

HTMLImports.whenReady(function() {

Как это:

var grid = grid || document.querySelector('vaadin-grid');
window.addEventListener('WebComponentsReady', function(e) {
  var json = '[["Blabla", true, "sdfsdfsd", "fsdsdfsdfsd fsdfds fsdf shfskd hds", 0, "39acbfa4-6d6b-4af9-b872-03fc70328183"]]';

  var testJSON = JSON.parse(json);
  grid.items = testJSON;

  grid.columns[0].renderer = function(cell) {
    //...
  };    
});