Polymer 1.0 - 即使自动对焦设置为 false,纸张文本区域也会自动对焦

标签 polymer polymer-1.0

我的抽屉里有一个纸质文本区域。当我转到该页面时,纸张文本区域会自动对焦,从而打开抽屉。我试图通过尝试 autofocus="false"和 autofocus="off"来摆脱焦点,但两者都对我不起作用。任何帮助将不胜感激。

<paper-textarea id="descriptionInput" label="Description" invalid="{{descriptionError}}" error-message="please enter a valid description" value="{{description}}" autofocus="false"></paper-textarea>

更新:解决此问题的另一种方法可能是以编程方式删除焦点,但我已经在附加函数内部尝试过 this.$.descriptionInput.blur() ,但它也不起作用。

最佳答案

这是由于 iron-autogrow-textarea 的 autofocus 属性默认值设置为“off”。 autofocus 属性如果存在则处于事件状态,禁用它的唯一方法是将其全部删除(即 autofocus="disabled"或 autofocus="off"仍将自动聚焦标记)。

我创建了一个 pull request这有望在未来的版本中得到修复。

目前,您可以在文本区域之前创建一个禁用的输入标记,并将其自动聚焦属性和可见性设置为隐藏,这将阻止文本区域获得焦点。

<input disabled autofocus style="visibilty: hidden">

关于Polymer 1.0 - 即使自动对焦设置为 false,纸张文本区域也会自动对焦,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31249781/

相关文章:

javascript - 多个 Polymer Web 组件在 Firefox 中失败

polymer - 单击 dom-repeat 内 dom-if 中的链接时访问当前项目

javascript - 如何使用 Polymer 1.0 聚焦纸张输入?

css - dom-repeat 内的网格布局中断

css - 在 Polymer 中设置自定义元素的样式

session - 如何在 Polymer 中使用 app-localstorage-document

javascript - polymer 铁-ajax : How to Bind data from input element to iron-ajax's body attribute

dart - Polymer linkPaths 不会在更改等时触发

node.js - 在没有 Node 或 NPM 的情况下安装和运行 Polymer 需要什么?

Polymer 1.0 dom-if 与隐藏