Material Design Lite - Firefox 上的文本区域未对齐

Question

我在项目中使用 Material Design Lite 作为框架，在表单中包含一些字段后，我注意到 textarea 元素在除 Firefox 之外的所有浏览器中都是对齐的。我已经在 Google MDL Github 中打开了一个关于这个问题的警告，但直到现在还没有回来。这就是我在标记中插入输入和文本区域字段的方式：

<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>

谁能帮我在不影响resize元素的情况下解决问题？这个问题可以看Fiddle:

Answer 1

看起来像是一个取决于操作系统的问题：

The bug manifests on both Linux and Windows, but not OS X or Firefox for Android.

I've filed Bug 1272430 to look into this upstream.

参考文献

Material Design Lite - Firefox 上的文本区域未对齐

Material Design Lite - misalignment of the textarea on Firefox

html

css

firefox

material-design

material-design-lite