我的核心输入中textarea的高度与核心输入本身的高度不匹配

时间:2014-10-01 23:04:57

标签: css polymer dart-polymer core-elements

textarea(蓝色)Polymer元素中的core-input(红色)不会缩放到core-input元素本身的高度。我认为它曾经有用,所以这可能是由于核心元素的变化(我使用最新发布的)?还是我做过一些造型?

(实时在http://mycommunity.org - 注册,转到社区,点击添加资料。)

Screenshot

2 个答案:

答案 0 :(得分:1)

rows属性以行为单位指定文本区域的可见高度。注意:textarea的大小也可以通过CSS高度和宽度属性指定。

因此,要么指定height,要么指定它应该有多少rows

答案 1 :(得分:1)

使用找到的here CSS属性只需将属性“fit”添加到文本区域:

<textarea fit id="input" rows="fit" placeholder="Sharing is caring..." maxlength="" aria-label="Sharing is caring..." aria-invalid="true" on-change="{{ inputChangeAction }}" on-focus="{{ inputFocusAction }}" on-blur="{{ inputBlurAction }}" required=""></textarea>

或者正如Claudiu所说,指定core-input一个高度。

编辑:如果您将core-input的位置更改为absolute那么它会起作用,虽然它可能会突破对话框的边界,但没有任何快速的CSS可以' t fix。