问题标签 [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.

0 投票
1 回答
84 浏览

jquery - paper-dialog appears in background

I am building a Polymer app, and on most pages and in most environments the paper-dialog works fine. However, on iOS the paper-dialog keeps showing up in the background:

dialog in background

The dialog code is as follows:

And I am using jQuery to open the dialog when the user clicks on a fab:

0 投票
1 回答
252 浏览

javascript - 多个 Paper-Dialog 在嵌套的 dom-repeat 中显示相同的内容

我正在寻找创建多个按钮,每个按钮都有自己的显示内容的对话框。如果我取出 paper-dialog 元素,内容就会正确显示。但是,添加 paper-dialog 元素后,当我单击按钮时,所有对话框都显示相同的内容。

我是否需要将每个单独的“自我”对象输入到纸质对话框中?我在文档中没有看到这样做的选项。

0 投票
1 回答
30 浏览

polymer - 聚合物纸对话框:Chrome:没有播放,Firefox:“找不到支持格式和 MIME 类型的视频”

我有一个显示在paper-card元素中的视频结果列表,使用video不带controls属性的 HTML5 标记,因此视频仅显示第一帧。要查看视频,有一个以paper-dialog(模态)打开视频的操作。

在集合视图中,它按预期工作。

当对话框启动时,它仅在 Chrome 中显示控件,在 Firefox 中显示带有消息的控件No video with supported format and MIME type found

-elementvideosrc-attribute 已填充,并且源肯定存在。

这很尴尬,因为视频在集合视图中显示良好,但在模式中它不起作用。

0 投票
2 回答
385 浏览

html - 将 withBackdrop 用于纸质对话框可防止控件通过选项卡聚焦

我有一个使用 with-backdrop 属性的纸质对话框。我注意到,在使用 with-backdrop 属性的纸质对话框中单击任何位置后,我可以点击 tab 键,浏览器将聚焦输入元素:

但是,如果我设置 with-backdrop 属性,浏览器将不会聚焦输入元素:

有没有办法有一个背景,仍然允许对话框通过键盘导航?

设备信息:我在 OSX 上运行 Chrome v50 时遇到了这个问题。

0 投票
2 回答
381 浏览

polymer - Polymer Paper 对话框未在 Safari 或 Firefox 上打开

尝试在单击纸张按钮时打开此纸张对话框,但它似乎不想在 Chrome 之外工作。我觉得这个问题与它在 dom-repeat 中的事实有关,但我不确定你能给我的任何帮助都会非常感激。我在 Safari 中遇到的错误是“TypeError: dialog1.toggle() is not a function. (In 'dialog1.toggle()','dialog1.toggle' is undefined)”。在 Firefox 中,我刚刚收到“TypeError:dialog1.toggle 不是函数”。这是我的代码,希望有人能指出我正确的方向。

0 投票
1 回答
536 浏览

css - 基于父页面的自定义元素 Polymer 对话框大小/位置

我刚开始玩 Polymer 对话框。我尝试创建一个自定义元素聚合物对话框并在纸卡中使用它。但是,我遇到了问题,因为对话框是根据纸卡的大小/位置而不是整页显示的。

我可以知道如何设置它的样式,以便对话框大小/位置基于主页而不是卡片吗?谢谢你。

0 投票
1 回答
162 浏览

polymer - 聚合物纸对话框退出动画不起作用

我刚开始学习 Polymer,我正在尝试将进入和退出动画放在纸质对话框上。似乎进入动画效果很好,但退出动画却不是。我通过手动编码 jQuery 来解决问题,但我想使用纸质对话框的内置功能。

谢谢。

0 投票
0 回答
987 浏览

css - Polymer paper-dialog-scrollable,纸张对话框模式内部有滚动问题滚动出现在移动视图中的对话框内容内

我的<paper-dialog-scrollable>功能在<paper-dialog>open内部存在modal滚动功能问题。滚动条偏移到页面内容中,仅在移动视图中。当我查看所有样式时,特别是如果任何边距或填充正在改变它,我找不到任何相关性。

对于上下文,它是纸质输入框的错误窗口的一部分。

这是 Polymer 组件中 HTML 的快照。

有人对这种结构有任何问题,或者知道可能导致滚动条偏移的任何样式吗?

0 投票
0 回答
554 浏览

polymer - 聚合物纸对话框应用程序抽屉布局

0 投票
1 回答
49 浏览

javascript - tiinymce 下拉项在单击时兑现聚合物对话框

我正在使用tinymce wysiwyg html editorpolymer。编辑器显示在paper-dialog弹出窗口中。tinymce单击下拉菜单中的项目时,dialog会关闭并且不会重新打开。中没有出现错误console。如何捕获点击事件以阻止它影响polymer dialog

我尝试stopPropogation在该tinymce setup字段中添加一个,但这似乎没有帮助。

在此处输入图像描述