title: Aframe - Raycast class filter doesn't update at runtime
body: <p>I have a scene, that has a set of objects that I want to be selectable at a particular time.</p>
  
  <p>Some of these objects are visible and an some invisible when the application starts.</p>
  
  <p>The visible objects will have the class .clickable, so that I can click on them with the mouse to perform an operation and .nonclickable for the invisible ones.</p>
  
  <p>However, the when i change the class of the objects from .nonclickable to .clickable, the objects remain unchanged and are still clickable.</p>
  
  <p>Even though the objects are now invisible, there are still registering an event if the mouse enters that area.</p>
  
  <p>So is there a way to have the raycast not interact with the objects once the class type has been changed?</p>
  
  <p>__</p>
  
  <p>PS. I had a work around using</p>
  
  <p>evt.originalTarget.setAttribute("[raycaster]", "objects: .nonclickable")</p>
  
  <p>but this only works with firefox, but breaks with chrome. </p>
  
  <p>Thanks for any help inregards to this.</p>