问题标签 [custom-element]

我正在制作一个 fab 图标自定义元素，就像材料设计中的那个，并且想要添加图像（图标图像），但不能。

我尝试了 3 种方法：

1. 将 .src 添加到 shado.host
2. 将 .src 添加到 ImageElement
3. 将 .src 添加到 ButtonElement

我还尝试使用 2 种类型的图像

1. PNG
2. SVG

我的代码如下：

}

有吗？

嘿，我从 Webcomponents 开始，我构建了一个小的 HTML 导入示例，在那里我使用 VanillaJs 从另一个网站导入了一个压延机，它工作得很好。

作为 2. 步骤，我想将 HTML 导入到 Polymer 元素中，以便我可以一遍又一遍地使用该元素。这是我的代码：

在另一个 HTML 文档中，我使用了自定义元素，我可以看到，导入工作（加载了来自 testsite.com 的资源），但我的 Polymer 元素没有 shadowDOM - 导入和选择的元素没有附加到我的<event-calendar-element>：/

容器<div>为空，因此出现以下错误：Cannot read property 'appendChild' of null

任何帮助表示赞赏;）

我正在尝试制作一个定制的聚合物元素contenteditable。我是聚合物新手，所以我可能在做一些愚蠢的事情。我可以创建元素，它会呈现并对事件做出反应，但单击时它不会进入可编辑模式。有任何想法吗？

codepen.io 上的示例

在查看了自定义元素规范之后，我如何在没有先实例化自定义元素定义的情况下获得对它的引用并不是很明显（这可能是有问题的）。有没有办法直接引用自定义元素的原型？

更具体地说，如果我有：

稍后，我很想引用原型，例如：

但相反，我想出的唯一方法是：

这在尝试针对重型组件编写测试时尤其成问题 - 因为没有办法消除重型行为（XFoo.createdCallback = // stub;在实际调用原始方法之前使用类似的东西。

我正在尝试创建一个扩展 SVGGlement 的自定义元素。这是代码的 JSBin 链接：http://jsbin.com/kovumoloda/2/edit?html,console, output

当我运行代码时，没有调用 ready() ，所以也没有渲染 Shadow DOM 的内容。

我在没有 Polymer 的情况下尝试了相同的示例，并且成功了。这是 JS Bin 链接http://jsbin.com/vihosojofi/1/edit?html,console,output

我需要做些什么不同的事情才能使这个东西与 Polymer 一起工作吗？

谢谢 ！

我目前正在测试自定义元素的性能，所以我偶然发现需要取消注册以前注册的元素。我找不到任何相关的信息。

我认为这可能是需要的，但在我没有更详细地研究这个问题之前，我不会做任何假设。

我知道我可以通过刷新页面来做到这一点，但这不是重点。

到目前为止，我所做的以原生的、类似规范的方式注册元素：

我正在使用 x-tags。这是我正在处理的代码。我需要使用自定义元素属性值的值设置这些 div 框的内容。是否有可能做到这一点？我尝试设置它，但出现错误“未定义不是函数”。

我开始在（大部分）我的所有组件中使用核心样式。
在 0.4 上它非常有用，但我真的不明白为什么我现在应该在 0.5 上使用它。我什么时候应该使用它有什么细节吗？

有什么特别的情况吗？

ps.：问题是：数据绑定有一堆问题，到目前为止我在 0.5 上还没有遇到过。谁能帮我？我知道这是一个有点宽泛的问题，但我不想麻烦地将它从我的代码中取出然后再重新输入，这样我就知道我应该在哪里实际使用它。

我正在使用 HTML5 自定义元素来创建可能被称为“丰富的脚注”（基本上是小的鼠标悬停框）。标记看起来像

这应该呈现类似

苏格拉底是人，所以苏格拉底是必死的

这样当您将鼠标悬停在man一词上时，该框就会出现。<x-info>当仅包含内联元素时，这可以正常工作。但是，在上面的示例中，HTML 解析器对我将<p>s 和<ul>s 嵌套在 another中感到愤怒<p>，并破坏了标记，使其呈现得更像

苏格拉底是人

什么是男人？以下是一些男性的例子：

• 比尔·克林顿
• 亚里士多德

，因此苏格拉底是必死的

有没有办法解决这个问题？我想避免更改标记结构，这有点超出我的控制（否则，我将不得不在后端对其进行预处理）。

我正在尝试使用此jist和聚合物设计器工具复制此处看到的上滑和平铺级联过渡

这里的区别是我想使用自定义元素而不是标签。我为每个页面创建了自定义元素，并将它们全部放在一个核心动画页面中。

我希望其中一个页面内的所有卡片网格向下平铺，并且核心滚动标题向上滑动，就像在上面的 jist 中一样，但是我尝试嵌套标签以将过渡属性放在想要的孩子，没有任何作用。唯一可行的是将 core-animated-pages 过渡属性设置为“cross-fade-all”。非常令人沮丧，因为关于 tile-cascade 的文档/示例很少。

• 示例网站： http: //marissageoffroy.ored.net
• Github 仓库：https ://github.com/ocorso/marissageoffroy