title: Using <paper-shadow> makes sibling elements unclickable
body: <p>When I use <code>&lt;paper-shadow&gt;</code> in in my app, it blocks any user interaction with the contents of the element it is included within (its siblings) as it renders lots of stuff on top of it.</p>
  
  <p><a href="http://jsfiddle.net/jeshuamaxey/rL2pX/3/" rel="nofollow">This JSFiddle</a> demonstrates my problem with a hacked together element. <a href="http://www.polymer-project.org/docs/elements/material.html#shadow-effect" rel="nofollow">The docs</a> mention something about using an extra wrapper, but this is in reference to the overflow property of the element. In any case, I was unable to solve my problem with wrappers.</p>