包装纸输入错误信息

Question

纸张输入中的长错误信息溢出屏幕。请参阅下面的jsbin例如。

http://jsbin.com/beyigocosi/edit?html,console,output

只需点击提交，无需输入任何值。我尝试使用mixin paper-input-error修复它，但没有取得多大成功。

代码：

div

Answer 1

您基本上需要将white-space内的paper-input-error属性从nowrap更新为normal。这可以通过Custom CSS Properties -

完成

paper-input {
  --paper-input-error: {
    white-space: normal;
  };
}

此外，您可能还需要向其添加position: relative;，以便错误文字在其足够长的时间内不会与其他元素重叠。