Ich versuche, eine kleine Web-Anwendung mit Polymer, basierend auf dem Polymer Starter Kit 1.3 zu bauen, und ich habe sofort auf ein Problem gestoßen - ich versuche, ein Element zu erstellen Das enthält ein Dropdown-Menü. Ich habe das Beispiel von the documentation kopiert/eingefügt, sondern von unten wie ein Tropfen suchen, es sieht aus wie ein normales nicht kollabiert listbox
:Polymers Papier-Dropdown-Menü zeigt nicht kollabiert
Das ist mein Element Vorlage:
<template>
<style>
:host {
display: block;
}
span {
@apply(--paper-font-body1);
}
</style>
<paper-dropdown-menu label="Dinosaurs">
<paper-listbox class="dropdown-content" selected="1">
<paper-item>allosaurus</paper-item>
<paper-item>brontosaurus</paper-item>
<paper-item>carcharodontosaurus</paper-item>
<paper-item>diplodocus</paper-item>
</paper-listbox>
</paper-dropdown-menu>
</template>
Diese Ich bin das erste Mal mit Polymer (oder irgendeinem "fortgeschrittenen" Website-Kit - ich bin eher ein Old-School-HTML- und Javascript-Typ von Typ) und ich konnte nicht herausfinden, was ich falsch mache oder wie um dies zu debuggen.
Die app.js
in PSK 1.3 scheint auf eine bottomContainer
zu verweisen, die tatsächlich nicht in der Hauptdatei vorhanden sind, und dass viele Warnungen in der Konsole erzeugt, aber nachdem ich bemerkte aus jeder erwähnt des Behälters, um die Konsole Log sieht jetzt sauber aus - aber das Drop-Down wird immer noch nicht korrekt dargestellt.
Jede Hilfe wird geschätzt.