ng-touch, mouse event and 'ng-click-active'

[graynote]

I am building angularjs app that works on both touch and mouse environment. I am pleased to use ng-touch for touch support. I am using 'ng-click-active' for styling pressed state and it works well on touch device. But it does not works well on desktop and mouse environment. 'ng-click-active' is work differently from a :active selector.

• 'ng-click-active' should not be disappeared if mouse down and hold on the element. (chrome and ie)
• 'ng-click-active' should not be disappeared if mouse down and move on the element.

below code makes the problem.

element.on('mousemove mouseup', function(event) {
   element.removeClass(ACTIVE_CLASS_NAME);
 });

chrome trigger mousemove event even if mouse does not move.

[petebacondarwin]

@graynote - can you provide a runnable example of this problem that would help with debugging?

[graynote]

I wrote example code. http://jsfiddle.net/prkjg/

• Mouse down and hold on red rectangle. It should stay blue until mouse button up. (Chrome)
• On more precisely, it should not changed to red until mouse move in the rectangle. (Chrome & Firefox)

[timraymond]

Seems like the click-and-hold-still bit of this works in Chrome v30.0.1599.69 m. As soon as you move the mouse while holding down the mouse it removes ng-click-active

[elsom25]

Is there any progress on this? Or is it dead in the water?