Polymer 当与包含在其中的可聚焦元件相互作用时,如何保持对定制聚合物元件的关注?

Polymer 当与包含在其中的可聚焦元件相互作用时,如何保持对定制聚合物元件的关注?,polymer,web-component,Polymer,Web Component,我已经创建了一个自定义的聚合物元素,它扩展了造纸厂 该元素包含其他元素,如“纸张”按钮和其中的纸张输入。这些元素最初是隐藏的意思,你只看到一个晶圆厂 当自定义元素在不同的页面上实现时,单击它会获得焦点,因此自定义元素会将形状从圆形更改为矩形,并显示其中的纸张按钮和纸张输入元素 当您离开自定义元素(例如在页面的另一部分)单击时,该元素将从矩形变回圆形,因为它不再具有焦点。但是,当与纸张按钮和纸张输入交互时,这些元素会获得焦点,因此自定义元素会失去焦点,并将形状更改回此处不需要的圆形。当与自定义元素

我已经创建了一个自定义的聚合物元素,它扩展了造纸厂

该元素包含其他元素,如“纸张”按钮和其中的纸张输入。这些元素最初是隐藏的意思,你只看到一个晶圆厂

当自定义元素在不同的页面上实现时,单击它会获得焦点,因此自定义元素会将形状从圆形更改为矩形,并显示其中的纸张按钮和纸张输入元素

当您离开自定义元素(例如在页面的另一部分)单击时,该元素将从矩形变回圆形,因为它不再具有焦点。但是,当与纸张按钮和纸张输入交互时,这些元素会获得焦点,因此自定义元素会失去焦点,并将形状更改回此处不需要的圆形。当与自定义元素中包含的元素交互时,自定义元素应保持为矩形;显示并允许与其中包含的元素交互。当单击整个自定义图元时,它应变回圆形并隐藏其中的图元


请查看JS Bin以了解我当前的设置方式:

您能再编辑一点jsbin吗?作为链接,它根本不起作用。我做了一些修改(将脚本元素更改为html导入,实例化了my元素等):。jsbin最酷的地方是我们可以编辑并试用它,而不是盲目地给出建议:]我已经更新了jsbin,现在它可以正确地向您展示这个问题。您必须单击圆形使其成为矩形,然后在矩形内单击以显示其中的内容。在我的应用程序中,情况并非如此,因为当点击圆圈时,内容才会出现——不确定为什么它不会在jsbin上这样做,但这并不重要。jsbin显示了问题;当您单击矩形或文本输入中的一个按钮时,焦点将丢失到“我的元素”,当它应保持为矩形时,它将再次变为圆形。你能找到一个可能的解决办法吗?我认为我必须实施一种不同的方法,而不是使用焦点。