Идентификатор не определен для полимера HTMLElement.onclick внутри элемента

Question

При запуске onclick open с помощью FAB я могу открыть диалоговое окно, пока я запускаю его внутри index.html. Но когда я создал элемент и переместил в него элемент управления и диалоговое окно, я получил

CarDialog not defined at HTMLElement.onclick polymer inside element

<paper-fab icon="maps:directions-car" onclick="carDialog.open()" class="blue"></paper-fab>
    <paper-dialog no-overlap id="carDialog">
        <paper-toolbar>
            <div slot="top" class="title">Title</div>
            <paper-icon-button slot="top" icon="more-vert" on-tap="moreAction"></paper-icon-button>
        </paper-toolbar>
        <div class="car-img">
            <object type="image/svg+xml" data="img/car-large.svg">
            </object>
        </div>
    </paper-dialog>

Этот код работает внутри index.html, но если я перемещаю его внутри элемента, он останавливается.

<car-dialog-layout></car-dialog-layout>

Answer 1

Решено с помощью касания вместо онклика и переключения диалога.

on-tap="openCarDialog"
...
 openCarDialog() {
    this.$.carDialog.toggle();
  }