Cannot dismiss overlay on Firefox about fluidbox HOT 3 CLOSED

I realized that it is because the e.originalEvent.propertyName is not being sniffed property. The stranger thing is that this effect works without an issue locally. However, I am in the middle of devising a separate, less cumbersome way of managing the timing issue using JS native timers instead of relying on sniffing the transitionend event (which is yet to be standardized across all browsers anyway).

from fluidbox.

Hi Terry,

Thanks for the quick response.

You're using the propertyName check to prevent multiple events firing. However, I don't believe this is required. For the fluidbox-overlay element, you are immediately removing it from the DOM, so any bound events will be removed alongside it. When you are changing the opacity for the ghost and img elements, there's no harm in the event being fired more than once - subsequent events will do no work, because the elements' opacity values are already set correctly.

from fluidbox.

I have since removed that conditional statement — however, Firefox is still notorious for its patchy support for transitionend, an issue raised here, here and here.

I have since removed sniffing for that event for crucial events (like removing the overlay), but retained it for some other functions. The last time I checked, Firefox behaved well. Let me know how it appears on your end.

from fluidbox.