title: Draggable jQuery UI doesn't fire CSS :hover state
body: <p><strong>Last edit: I've found <a href="https://stackoverflow.com/questions/8057499/chrome-wont-apply-css-hover-style-when-left-mouse-button-is-held-down">this</a> question. It looks to be a Chrome issue.</strong></p>
  
  <hr>
  
  <p>I'm trying to drag a jQuery UI draggable element over an element which on CSS <code>:hover</code> bring up (<code>z-index</code> based) some of its childrens. I need that those childrens to accept my dragging object (they are all jQuery UI droppable).</p>
  
  <p>Here is the <a href="https://jsfiddle.net/3kwgmw1d/18/" rel="nofollow noreferrer">jsFiddle</a>.</p>
  
  <p>How it should work: drag a blue circle on the left element to another circle on the right element. Draggable element is turning in a red one, and all droppable elements must bring on top and become green bordered. Same behavior is expected if we drag a circle from right element to the left one.</p>
  
  <p>After each <code>drop</code> event, draggable and droppable elements involved become heavy bordered, as a visual feedback of the user action.</p>
  
  <p>However, I've tested this one in the following browsers, each of them have some issues:</p>
  
  <ul>
  <li>Chrome 43.0.2357.124 m - the CSS <code>:hover</code> state isn't triggered, but droppable elements accept the draggable one. <code>activeClass</code> and <code>hoverClass</code> from droppable element refuse to work, and the CSS <code>:hover</code> have the same issue.</li>
  <li>Firefox 38.0.5 - the CSS <code>:hover</code> state is triggered only if I use <code>cursorAt</code> option in draggable element. <code>activeClass</code> and <code>hoverClass</code> from droppable element also works fine. Problem in Firefox is that droppable <code>drop</code> event isn't fired (or I reffer the element itself wrong).</li>
  <li>Internet Explorer 11.0.20 - nothing works, it fires some errors in the console (Access is denied, 'jQuery' is undefined, '$' is undefined).</li>
  </ul>
  
  <p>For almost one and a half day I try to figure out if this a jQuery glitch, a browser problem, or is anything wrong with my code. And of course to find a cross browser solution for this problem.</p>
  
  <p>Thanks for your time and your interest!</p>
  
  <hr>
  
  <p>Edit: updated jsFiddle link.</p>