Probably the best lightbox that works with Gutenberg

Thank you so much! ??

How did you modify the code? Have you used the filters or modified the code directly?

Hi Jordy,

I modified the code directly. The one I changed is mwl-run.js.

The change is made so that the active image on the lightbox follows the finger movement to the left/right when it is being swiped on a mobile device. This will give proper feedback for a swipe gesture.

You can see how it works here: https://www.sixzeronine.us/2018/10/12/photos/

Please let me know if there is a better way to modify a JavaScript file like mwl-run.js.

Thanks,

Adrian

Hi @awijasa,

Oh, I see! ?? Actually, did you know it was actually… a bug? Normally, it’s fixed in the very last release.

There is no better way of modifying a JS file with WordPress though, unfortunately, it would always be “hacky”. There are only ways to modify the behavior of the process in PHP through actions and filters. I am trying my best to propose filters, but can’t be done with JS ?? So the way you did it was the only one.

Hi @tigroumeow,

Yup! I realize that it was a bug in one of the old versions. However, there is still the UI feedback that I need to add to make swipe gestures feel more natural. You may review how the swipe gesture UI feedback works here:

Swipe Gesture in the original Meow Lightbox: https://youtu.be/PeHAsYKTvgE

Swipe Gesture with the UI Feedback: https://youtu.be/aRK7UrbYBhY

Please let me know what you think.

Thanks,

@awijasa

Hi @awijasa,

That’s very cool! Thanks for the videos and for this good fix. Indeed, I think we should do it like this too. Do you mind contacting us? Here: https://meowapps.com/contact

I would like to add this properly to the Lightbox and probably that your code would be interesting to look at. Also, we will want you to test it to make sure it’s perfect before updating the Lightbox for everyone.