聚合物紙張輸入滾動已發行

我已經煮了我的小問題倒在下面的例子：聚合物紙張輸入滾動已發行

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

非常好，謝謝...我將它添加爲紙張輸入的潛在缺陷 –

聚合物紙張輸入滾動已發行

回答

相關問題