Polymer 1,0 App-Drawer - Uncaught TypeError, когда не отображается с помощью йот-если

Question

Отображение меню только для членов я получил этот кусок кода

<app-drawer-layout fullbleed> 

    <!-- Drawer content --> 
    <template is="dom-if" if="{{signedIn}}"> 
    <app-drawer> 
    .... 

Это отображает меню только тогда, когда пользователи вошли в систему к приложению. Он работает нормально, но есть все же, чтобы удалить ошибку, которую он вызывает в консоли.

ошибка:

polymer-mini.html:2046 Uncaught TypeError: Cannot read property 'getWidth' of undefined 

Answer 1

Схема логики в <app-drawer-layout>requires an <app-drawer> to determine the appropriate container margins. Я не вижу возможности отключить эту логику.

Обойти ошибки вы видите, чтобы создать пустой <app-drawer>, перемещая dom-if внутри <app-drawer>:

<app-drawer> 
    <template is="dom-if" if="{{signedIn}}"> 
    ... 
    </template> 
</app-drawer> 

К сожалению, это создало бы пустой ящик перед знаками пользователя в, но, возможно, это приемлемо для вашего приложения. codepen