Links only work if they are on the last slide
Closed this issue · 9 comments
It seems my links won't function unless they are on the last slide. Any ideas? I'm using the sass files provided from the PeepCode screencast.
I'm pretty sure that you will want to grab the latest code from this repo.
I landed a patch that addresses the issue that you're talking about.
As a background, the 3rd slide is "in front" of the others, with the opacity set to 0, so you can't click "through" it.
With pointer-events: none;, you can 👍
@topfunky — Can you take a snapshot from this repo and update the example files on peepcode?
Thank you so much, I also really appreciate all of the time you've put into creating this amazing tool for others to use.
I hate to resurrect this, but it appears the links only work when you are on a specific slide now, but don't seem to function during the animation.
@ardavis Do you mean while the gallery is using the autoplay class?
I can't interact with the contents the first time I load the slide either, I think this issue is not fully solved.
It happens the same in your example at http://benschwarz.github.io/gallery-css/, you can't select the text of the first slide. Once you move to http://benschwarz.github.io/gallery-css/#item-2 or when you enter directly to http://benschwarz.github.io/gallery-css/#item-1 you can interact normally.
I'm using the gallery.css file.
Ok, I solved it adding "pointer-events: auto;" to ".gallery .item:first-of-type" and "pointer-events: none;" to ".gallery .item"
:)
Nice, @JoePerkins — Do you think you'd be able to make a pull request so we can get a proper fix in?
Sure @benschwarz, done. It's the first time I make a pull request, so sorry if I did something wrong :þ
No problem @JoePerkins, its awesome that you've made your first pull request! Congrats! 🌟
We'll get a fix together 👍