Polymer 单击外部时更改聚合物元件的形状

我已经创建了一个自定义的聚合物元素，它扩展了造纸厂。现在它已经设置好了，所以当我单击元素时，它会从一个圆变为一个正方形。我现在想要实现的是，当我在正方形外单击时，它应该会变回圆形

我在编写这样做的代码时遇到了问题。我已经查看了核心覆盖，当点击外部时，它会自动关闭，看看我是否可以使用它的触发器，但我找不到任何有意义的东西

---

任何指导都将不胜感激

它看起来像是纸按钮和纸工厂扩展了核心焦点，所以有一个属性“聚焦”，你可以观察变化。你可以让你的按钮在聚焦的时候是正方形的，而在不聚焦的时候变回圆形

我查阅了一些文件来追踪这一点：

---

感谢您指出这一点！我扩展了paper focusable，并使用focusAction（）函数来实现所需的效果。再次感谢！对不起，我的意思是我扩展了paper fab，然后使用CSS:focus属性来更改形状。我现在确实有一个问题，希望你知道如何解决。在我的元素中，我还有其他元素。因此，当元素是一个圆形时，您会看到一个图标，但当单击（焦点）时，它会扩展为一个正方形，并且按钮和文本输入框可见。现在，当单击这些元素时，正方形会变回圆形，因为它不再处于焦点。你知道我如何保持圆圈的焦点，使其成为一个正方形，同时与其中的元素进行交互吗？好问题，我没有那么精辟的答案，因为它取决于你内部的元素类型。对一些人来说，你需要手动改变fab上的“聚焦”属性，但对其他人来说，仅仅让指针事件通过/冒泡就足够了。我明白了。因此，我的自定义元素扩展了paper fab，在该元素中，我有纸按钮和包装在内容标记中的纸输入。您是否建议我编写一些JavaScript，说明当单击某个按钮时，我会调用这个.focus（），因为我尝试了，但它不能正常工作，尤其是对于输入框。如果将焦点指定给自定义元素，则无法在输入框中键入。你有什么样的代码或指南可以作为我的基础吗？我对Polymer不太熟悉。我建议你把一个jsbin.com的例子放在一起，作为一个新问题来提问。我很难准确地描述您在这里使用的布局。