聚合物纸元素 IE 禁用状态

Question

我目前卡在纸张输入元素上。

我解释一下，使用 Internet Explorer Edge，禁用状态下我的纸张输入元素的标签和值被覆盖。我必须启用纸张输入，编辑，然后标签在纸张输入的顶部移动。

有人修复了吗？

Answer 1

每当我运行遇到此类问题时，我通常会设置 "always-float-label" 属性作为解决方法。这样，当值为空时，标题也会浮动，但至少没有叠加 ;)

HTML-Code 快速简便且设计影响小 :

<paper-input always-float-label disabled label="Label"></paper-input>

如果您只想在某个项目被禁用时使用此解决方法，您可以将 disabled-attribute 绑定到与 "always-float-label" 相同的属性 :

HTML-Code 对于设计影响较小的方法：

<paper-input always-float-label="{{disabled}}" disabled="{{disabled}}" label="Label"></paper-input>

嵌套属性 Polymer-element :

disabled: {type:Boolean, value:true}

如果您想使用更多代码并使其按预期工作，您可以根据值计算 always-float-label :

HTML-Code 对于没有任何设计影响的方法 :

<paper-input always-float-label="{{_alwaysFloat(val)}}" disabled label="Label" value="{{val}}"></paper-input>

Javascript :

Polymer({
             is: "your-element",
             properties: {
                 val:{type:String}
             },
             _alwaysFloat:function(val) {
                 return val=="";
             }
});

聚合物纸元素 IE 禁用状态

polymer paper-element IE disable state

polymer

polymer-1.0