able to move the cursor into the flyout

[sackling]

Hi again,

I found that if you quickly move the mouse into the flyout window it stays active, and does not dissappear.

If I increase the distance via the margin, then there is less chance of that happening but seems like a bug of sorts.

[i-like-robots]

The event listeners are attached to the EasyZoom 'target' rather than the smaller image, so mouse and touch events over the flyout will still be registered. Attaching them to or filtering the events to target only the smaller image could make other issues when positioning the flyout as an overlay. I'll take a look at it.

[sackling]

I tried binding it to the smaller image like this:

this.$target
.on('mouseenter.easyzoom.children('img') touchstart.easyzoom', function(e) {
if ( ! e.originalEvent.touches || e.originalEvent.touches.length === 1) {
e.preventDefault();
self.show(e);
}
})
.on('mousemove.easyzoom.children('img') touchmove.easyzoom', function(e) {
if (self.isOpen) {
e.preventDefault();
self._move(e);
}
})
.on('mouseleave.easyzoom.children('img') touchend.easyzoom', function() {
if (self.isOpen) {
self.hide();
}
});

It did not seem to change anything though. Probably doing it wrong.

[i-like-robots]

Yeah, I'm afraid that's just adding a few namespaces to the event listeners rather than filtering for the event target.

[cas27]

Yeah having the same issue.

[cas27]

Thanks for your work on this!

-Cory Schmitt
Connect with me http://zerp.ly/cory http://zerp.ly/cory

On Thu, Jan 9, 2014 at 3:33 AM, Matt Hinchliffe notifications@github.comwrote:

Closed #19 #19 via
0223b710223b71
.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/19
.