3 Replies Latest reply on Feb 14, 2013 10:16 PM by drsqueegee

    Ignore overlapping elements

    Ashish Gatne

      Is there a way I could create a button (on any shape) that has a hover state that is not overridden by the button's face text (text) that overlaps it?


      Case scenario:


      - I have a symbol with two shapes (button body) and (button text)

      - On hovering over "button body", the desired animation plays...

      - BUT, if the mouse reached the "button text" region, the animation is cancelled as the shape underneath "button body" loses focus.

      - Essentially, the element "button text" must be visible but must be entirely inactive to mouse/touch events.


      I have tried a few hacks for this but since the scene has many state changes, I would like to know if there's a real solution...