title: Disable custom element in Polymer from being clicked
body: <p>What is the best way to disable a custom-element from being clicked (e.g. while it is in an animation state or just because it should be disabled for the user). Meaning no input events like "click"/"tap" should be fired and links disabled. </p>
  
  <p>I want to disable the whole element including other paper-elements, not just paper-button etc. For this I know there is the "disabled" attribute.</p>
  
  <p>Is it best to use <code>CSS</code>with <code>pointer-events</code>? Or is there any other way working for all browser?</p>
  
  <p><a href="https://css-tricks.com/almanac/properties/p/pointer-events/" rel="nofollow noreferrer">enter link description here</a></p>