hadaev_ivan

Прошу прощения, вернулся к задачке и сразу нашел в чем моя проблема), асинхронность не при чем))
Рабочий код:

var storage = chrome.storage.local,
      pb = {}; 
pb.addBlock = function (value) {
    storage.get('block', function (item) {
      item = item.block || [];
//  тут я и попался переменная item ссылается на объект 'block' в котором будет массив, а не сам массив
      item.push(value);
//  .push() на объект как раз и выкинет в следствии ту ошибку
      storage.set({block: item});
    });
    };

Прошу прощение) не разобрался)
проблема кода была в том что переменная "element" хранила объект "MouseEvent", а не объект html элемента. Чтобы получить доступ к нему нужно было использовать "element.srcElement"
Собственно заменил "element.id" на "element.srcElement.id" - все стало как надо)
Рабочий код:

var sidebar = document.getElementById('sidebar');
    if (sidebar && sidebar.addEventListener) {
      sidebar.addEventListener('click',
          function (element) {
            switch (element.srcElement.id) {
              case 'button':
                alert('button');
                break;
            }
          }, false);
    }