我已经创建了一个自定义的Polymer元素,它扩展了paper-fab。
元素中包含其他元素,如纸质按钮和纸张输入。这些元素最初是隐藏的意思,你只看到一个FAB。
在自定义元素在不同页面上实现时,单击它时会获得焦点,因此自定义元素会将形状从圆形更改为矩形,并在其中显示纸张按钮和纸张输入元素。
当您单击远离自定义元素(例如页面的其他部分)时,元素会从矩形变回圆形,因为它不再具有焦点。然而,当与纸张按钮和纸张输入进行交互时,这些元素会获得焦点,因此自定义元素会失去焦点并将形状变回一个圆圈,而这里并不是这样的。与自定义元素中包含的元素交互时,自定义元素应保持为矩形;显示并允许与其中包含的元素进行交互。单击远离整个自定义元素时,它应该更改回圆并隐藏其中的元素。
请参阅JS Bin了解我目前如何进行此设置:http://jsbin.com/wuxuhowavi/1/edit?html,output