聚合物纸张输入滚动已发行

我已经煮了我的小问题倒在下面的例子：聚合物纸张输入滚动已发行

<!doctype html> 
<html> 
<head> 
    <script src='bower_components/webcomponentsjs/webcomponents.js'></script> 
    <link rel='import' href='bower_components/polymer/polymer.html'> 
    <link rel='import' href='bower_components/paper-input/paper-input.html'> 
</head> 
<body> 
    <dom-module id='base-page'> 
     <template> 
      <div style='overflow-y:scroll; height:200px'> 
       <div style='height:2000px'> 
        <paper-input pattern='[0-9]*' required auto-validate error-message='Input is required' value='dummy'></paper-input> 
       </div> 
      </div> 
     </template> 
    </dom-module> 
    <script> 
     Polymer({ 
      is: 'base-page' 
     }); 
    </script> 
    <base-page></base-page> 
</body>

的是，如果我向下滚动，“需要输入”问题的错误消息确实不滚动纸张输入的其余部分。可能是什么问题？

感谢

干杯

来源

2015-10-13 Franz Thomsen

我从来没有见过这种情况发生，而是试图在仓代码，似乎问题是paper-input-error的位置被设置为absolute默认情况下，如果你使用--paper-input-error mixin将它设置为relative你应该得到想要的结果。这个是jsbin。

来源

2015-10-13 17:01:12 Alan

非常好，谢谢...我将它添加为纸张输入的潜在缺陷 –

聚合物纸张输入滚动已发行

回答

相关问题