2017-01-31 4 views
0

Ich habe eine App, wo plötzlich alle meine Schaltflächen in Vaadin nicht zeigen ihr Symbol/Text. Wenn ich den Element-Inspector in Chrome verwende, sehe ich, dass die Klasse .v-button-wrap im Tag meiner Seite (nicht in der .css-Themendatei) festgelegt wurde und die Anzeige auf Blockieren eingestellt ist. Wenn ich die Anzeige ausschalte: Block Ich kann meinen Text wieder sehen. Ich kann jedoch nicht herausfinden, wo dieser falsche CSS-Stil in meiner App generiert wird.Vaadin Schaltfläche Text erscheint unter Schaltfläche und ist unsichtbar

Irgendwelche Ideen?

enter image description here

+0

Verwenden Sie benutzerdefinierte Stile (z. B. Regeln in .scss)? –

+1

Der 'display: block' für das v-button-wrap-Element ist korrekt, aber die Tatsache, dass der Selektor nicht mit' .valo' umhüllt ist, sieht wie ein Problem aus. Es sieht auch so aus, als käme dieser Stil von einem anderen Ort als deiner Theme-Datei (Inspektor zeigt '' als Quelle vs. 'styles.css? V = 7.7.6'). – Jouni

Antwort

0

Das Problem war, ich Vaadin Touchkit in meiner Widgetset Konfigurationsdatei (.gwt.xml Datei) registriert hatte. Sobald ich das entfernt habe, funktioniert alles gut. Es scheint, dass Touchkit ein Tag in Ihr Element einfügt.

Verwandte Themen