Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>It's caused by clicking on an expanded area of the <code>Frame</code>. </p> <p>The <code>MouseUp</code> event seems to be firing a <code>MouseLeave</code>/<code>MouseEnter</code> event. The <code>MouseLeave</code> is trigging the animation to shrink the frame, which queues a Shrink storyboard event, and the <code>MouseEnter</code> is queuing the animation to expand the frame, which queues an Expand storyboard event. By shrinking/expanding the frame, the <code>MouseEnter</code>/<code>MouseLeave</code> get fired again and the animations both get run again. These two keep firing endlessly until you move the mouse out of the magical area that is only occupied when the Frame is expanded.</p> <p>You can view the delay in slow-motion by adding <code>BeginTime="00:00:02"</code> to your Storyboards to add a 2-second delay, and you can verify the <code>MouseEnter</code>/<code>MouseLeave</code> events by attaching a method which writes a line to output in the <code>MouseEnter</code>/<code>MouseLeave</code> events of the Frame.</p> <p>As for fixing it, I'm not sure the best way to do that. Perhaps try using the <code>MouseEnter</code>/<code>MouseLeave</code> events to trigger the events manually after a 1-second delay providing the event should still process.</p> <p>For example, if the <code>MouseUp</code> event triggers <code>MouseLeave</code> and <code>MouseEnter</code> events, then the <code>MouseLeave</code> should queue the collapse animation, but delay a second and check if the Mouse is actually over the object a second later. If not, cancel the collapse event. This would cause the <code>MouseLeave</code> event not to fire its animation, which means it won't queue animations endlessly until the mouse is moved off the expanded Frame's area.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload