A container remains visible and blocking after "close" about hugo-easy-gallery HOT 5 CLOSED

I got the same bug, dunno at the moment why or how to fix it.

from hugo-easy-gallery.

I have the same exact problem. After searching a bit I found the following post:
https://stackoverflow.com/questions/31127896/photoswipe-pswp-class-not-clearing-after-closing-image

Indeed, in load-photoswipe.js the last line that creates and initializes PhotoSwipe is triggered twice because for some reason

$figure.on(/'click/', function(event) {

is being called twice, despite the actual click event only triggered once.

from hugo-easy-gallery.

Turns out the reason this happened in my code is because I was including the load-photoswipe.js code twice, which resulted in registering the on click callback twice. This was entirely my fault because I manually loaded the load-photoswipe.js script in my footer in addition to using the load-photoswipe shortcode. This could most easily be solved by either removing the script in my footer, or using the load-photoswipe-theme shortcode instead. I chose to fix it by always loading photoswipe in my theme's partials and not using either of those shortcodes.

I can confirm once I fixed my bug, things worked as expected. So you may want to double check your code for the on click function being registered twice, etc.

from hugo-easy-gallery.

Perhaps I should put something in load-photoswipe.js to prevent the callback being registered twice.

from hugo-easy-gallery.

I've added a check to load-photoswipe.js that will alert you if you've loaded the js file twice.

If you're going to load the js files in the footer, make sure you follow the instructions at https://github.com/liwenyip/hugo-easy-gallery#theme-integration

The main point is: if you are going to load the js files in the footer of your theme, you need to comment out the <script> tags in the load-photoswipe shortcode (or use the load-photoswipe-theme shortcode).

from hugo-easy-gallery.