Полимер is=dom-repeat не работает с флажком начальной загрузки

Question

Я не могу связать данные обратно с пользовательским интерфейсом с помощью in is="dom-repeat" внутри флажка начальной загрузки начальной загрузки.

<select id="multi-select-demo" multiple="multiple">
    <template is="dom-repeat" items="{{iecCategoryList}}" as="iecctaegorylist">
      <option id="{{iecctaegorylist.name}}" value="{{iecctaegorylist.categoryName}}">{{iecctaegorylist.name}}</option>
    </template>
</select>

и свойство, которое я использую

iecCategoryList: {
 type: Object,
 notify: true,
 reflectToAttribute: true,
}

и вот код, где я предоставляю данные свойству iecCategoryList

this.tabItems = [{
        name: 'abc',
        categoryName: '123gh',
        color: '#2b5ea2'
      }, {
        name: 'xyz',
        categoryName: '567ui',
        color: '#3573c5'
      }];
this.iecCategoryList = this.tabItems;

и это способ, которым я инициализирую множественный выбор

$('#multi-select-demo').multiselect();

когда я использую select с id, он не работает как

<select id="multi-select-demo" multiple="multiple">

но когда я использую этот выбор без идентификатора, он работает нормально, как и также может связать выбор с 2 вариантами

<select>
    <template is="dom-repeat" items="{{iecCategoryList}}" as="iecctaegorylist">
      <option id="{{iecctaegorylist.name}}" value="{{iecctaegorylist.categoryName}}">{{iecctaegorylist.name}}</option>
    </template>
</select>

Пожалуйста, предложите мне, где я делаю ошибку. хотя я пытался с методами мутации.