javascript - 输入失去焦点在纸质对话框聚合物中的点击

Question

我在 Polymer 项目中使用 Paper-dialog 和 paper-dialog-scrollable webcomponents。我在纸质对话框（弹出窗口）上有一组输入字段（表单）。默认情况下，打开弹出窗口（对话框）时，我正在关注输入字段。

但问题是当我单击时，在对话框内的任意位置滚动，输入失去焦点。即使我单击/滚动，我应该如何将注意力集中在纸质对话框中

我尝试了下面的代码，但没有运气。表单代码写在另一个名为 my-form-element 的元素中

   <paper-dialog-scrollable id="myDialog">
        <my-form-element></my-form-element>
   </paper-dialog-scrollable>



Polymer.RenderStatus.afterNextRender( this, function() {
     const dialogContent = this.$.myDialog.$.scrollable;
     dialogContent.addEventListener('click', (e) => {
          e.preventDefault();
      });
 });