2016-05-11 6 views
0

Ich benutze das Material Design Lite als Framework in einem Projekt und nachdem ich einige Felder in ein Formular eingefügt habe, ist mir aufgefallen, dass das TextArea Element in allen Browsern außer Firefox ausgerichtet ist. Ich habe eine issue in Google MDL Github Warnung über das Problem geöffnet, aber bis jetzt nicht zurück. Dies ist, wie ich die Eingabe und Textfelder auf dem Markup einfügen:Material Design Lite - Fehlausrichtung der Textfläche auf Firefox

<div class="mdl-cell mdl-cell--4-col"> 
    <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> 
     <textarea class="mdl-textfield__input" type="text" rows="1" id="sample5"></textarea> 
     <label class="mdl-textfield__label" for="sample5">Text lines...</label> 
    </div> 
</div> 

Kann mir jemand helfen, das Problem zu lösen, ohne das Resize-Element zu beeinflussen? Das Problem kann in diesem Fiddle zu sehen:

+0

ich in einer beliebigen Version von Firefox auf OS X. Welche Firefox-Version das Problem nicht sehen und Mit welchem ​​Betriebssystem arbeiten Sie? Hast du irgendwelche Add-ons installiert, die mit den Dingen rumspielen könnten? – Callahad

+0

In meiner Arbeit benutze ich Windows 10 und Firefox 49 und in meinem Haus benutze ich Ubuntu 14.04 und Firefox Nightly 47. In beiden Fällen kann ich das Problem sehen. Ich habe noch nicht in OSX getestet. – Elopes

Antwort