Question

我把我的小问题归结为以下示例：

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

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

由于

干杯

Answer 1

我从来没有见过这种情况，但是在bin中尝试使用代码，问题似乎是paper-input-error的位置默认设置为absolute ，如果您使用relative mixin将其设置为--paper-input-error，则应获得所需的结果。

这里有一个jsbin。

聚合物纸输入滚动问题

1 个答案: