聚合物on-mouseover不适用于子元素

Question

<paper-shadow class="card" z="1" animated on-mouseover="{{bringToFront}}" on-mouseout="{{bringToBack}}">
    <p>hello></p>
</paper-shadow> 
<script>
    var scope = document.querySelector('template[is=auto-binding]');
    scope.bringToFront = function(e) {e.target.setZ(2);}; 
    scope.bringToBack = function(e) {e.target.setZ(1);}; 
</script>

我正在使用聚合物纸元素

当我鼠标悬停在卡片上时，阴影深度会增加，但当我将鼠标悬停在段落（“hello”）上时，不会调用该方法。如何让它传播到我的卡元素？