问题标签 [paper-dialog]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 从纸质对话框中的应用工具栏中删除顶部填充 - 聚合物
paper-dialog对于我的生活，当我在顶部有一个应用程序工具栏时，我似乎无法从顶部删除愚蠢的边距。
我设法div通过使用仅使用标准对其进行排序margin-top: 0px;，但我不能对app-toolbar.
Chrome 上开发人员模式的罪魁祸首似乎是这一行，但我无法理解......
代码
polymer - 聚合物纸-对话框-背景孩子的不透明度？
此方法设置叠加层的不透明度及其所有子项。如果我想设置孩子的不透明度？我想要 1 到（子）对话框的不透明度
polymer-2.x - ID 未在 HTMLElement.onclick 聚合物内部元素中定义
当使用 FAB 运行 onclick open 时，我可以打开一个对话框，只要我在 index.html 中运行它。但是当我创建了一个元素，并在这个元素中移动了 fab 和对话框时，我会提示
这段代码在 index.html 中工作，但如果我将它移动到一个元素中，它就会停止。
polymer - LitElement 与 Polymer 元素缺乏兼容性
Polymer 3 和 LitElement 看起来对未来基于组件的开发非常有吸引力，我期待在我的项目中使用它们。
但这里的绊脚石之一是具有大量现成元素的旧 Polymer 代码库似乎与 LitElement 和即将推出的 Material Web 组件不完全兼容。
例如，如果任何父元素是使用 LitElement 基础实现的，则纸质对话框中的iron-overlay-behavior无法提供焦点陷印。我知道这个问题可能主要是由iron-ovelay-behavior实现引起的，但主要问题保持不变。
这是否意味着如果您想在您的项目中采用 LitElement，您必须从头开始实现自己的对话框组件，并且可能还有许多以前可用作纸质元素的其他元素？
javascript - 从事件侦听器中调用时，聚合物中的纸质对话框不会打开
当通过另一个组件发送的 dispatchEvent 调用它时，我无法打开纸质对话框。这会触发覆盖，但不会显示对话框。
我有以下组件设置：
- 一个通用父组件，包含 2 个带有自定义子页面的铁页面，以及一个触发事件的侦听器
- 第一个页面组件：它有一个触发自定义事件的按钮
- 第二个页面组件：包含打开对话框的功能。
目标是通过调度的事件，从第一个子页面组件，这被父组件捕获，并在第二个页面组件上调用一个方法，打开一个纸质对话框。当事件在同一个组件上触发和捕获时，这可以正常工作，但在不同组件正在播放时则不行......纸质对话框没有打开。相反，只有背景被激活。
下面是一些代码片段（不完整以保持紧凑）：
1) 父组件，包含 2 个子组件并拥有一个监听器
2）在第一个子组件中，有一个按钮触发了由父级捕获的dispatchEvent ...
3)在第二个子组件中，有一个对话框定义，以及一个可以从父组件调用的函数。
但如前所述，全屏被模态背景覆盖，并且不显示任何对话框。当通过按钮直接调用，在任何组件上，或者当事件被捕获在同一个组件中时，这一切都有效......但当它传递给父级时......
有人可以解释为什么以及如何让它工作吗？ 所有的建议都非常受欢迎！
javascript - 输入失去焦点在纸质对话框聚合物中的点击
我在 Polymer 项目中使用 Paper-dialog 和 paper-dialog-scrollable webcomponents。我在纸质对话框（弹出窗口）上有一组输入字段（表单）。默认情况下，打开弹出窗口（对话框）时，我正在关注输入字段。
但问题是当我单击时，在对话框内的任意位置滚动，输入失去焦点。即使我单击/滚动，我应该如何将注意力集中在纸质对话框中
我尝试了下面的代码，但没有运气。表单代码写在另一个名为 my-form-element 的元素中
polymer-3.x - 使用 lit-element 与 shadowDom 中的内部组件交互的正确方法是什么？
我正在尝试在我的自定义组件中使用纸质对话框。
我希望能够从组件外部打开对话框。做这个的最好方式是什么？（所有示例都直接在组件上工作）
该对话框还要求我在其上调用“open()”来打开它。
在我发现的示例中，我发现：
但这似乎不适用于 lit-element
我使用shadowRoot让它工作，不确定这是最好的选择：
我向我的元素添加了一个名为“显示”的属性
认为我可以将它从外部传递到我的组件中，但它似乎也没有解决问题（我可以使用自定义元素属性设置一次，但从外部对其进行更改似乎不起作用。
javascript - 从另一个组件打开纸质对话框
我正在使用聚合物 2 和纸质对话组件。
我有另一个自定义 Web 组件，当单击按钮时，它需要显示另一个组件中的纸质对话框。
从下面的测试组件中您可以看到：
点击事件调用：
然后调用：
我得到的错误this.$是未定义的。
现在这确实有些道理，因为我假设在呈现模板之前不会填充 $ 。
所以我想问题是如何让对话框模板呈现以便我可以打开它？
调用组件：
纸质对话框组件：
polymer - 组件类中的纸质对话框句柄 onclose
我正在尝试在 Web 组件中使用 Polymer 2 的“paper-dialog”标签。
我试图检测用户何时单击取消按钮与保存/确定按钮。
文档说要为“iron-overlay-closed”创建一个事件，以检测何时单击 OK/Save 按钮。
我的问题是即使我单击取消按钮，'iron-overlay-closed' 也会触发。
根据我对文档的阅读，只有具有 dialog-confirm 属性的按钮才会触发事件。
下面的 open 方法添加了监听器。
然后，无论我单击“保存”还是“取消”，fireCallback 方法都会关闭。