Items not clickable on Firefox Swiper

[lararthur]

Hello! Some time ago, a colleague of mine posted an issue regarding to some elements on the swiper being not clickable on firefox. It is the issue #145 .

But he didn't post any demo for you to look at, and eventually the issue got closed. Unfortunately, we just got aware that you answered requesting a demo, and i even left a comment there with it: https://codepen.io/polvora_fosforo/pen/zYYELGw

I even updated the plugin to the last version, but the problem persists. Can you take a look at the demo and re-open the old issue? Thanks!

[FelixButzbach]

We see the exact same behavior. Is this something that will be looked into? Do you need more information?

[logusgraphics]

Issue is still present.

[mohbadreldeen]

Hi, if this issue still exist for anybody try to set depth value to 0 in coverflowEffect settings something like that:

 coverflowEffect: {
          rotate: 32,
          stretch: -25,
          depth: 0,
          modifier: 5,
          slideShadows : false,
 }

[FelixButzbach]

Hei @mohbadreldeen thanks for the suggestion, but this will disable the coverflow effect. You can try it in the codepen from @polvora-fosforo s comment. Setting depth to 0 shows just a "normal" slide...

Or am I missing something?

[mohbadreldeen]

@FelixButzbach ah, you are right. please don't mind if I suggest anther work around

when I use this css in @polvora-fosforo s codepen, it works for me.

#root .swiper-slide-active{
   transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;
}

I am not really sure if this Firefox or swiper issue. but I think making the flat item slightly under the Z level make it unclickable.

[Danil-Klimov]

It worked for me:

.swiper-wrapper {
  width: 0;
}

or

@-moz-document url-prefix() {
  .swiper-wrapper {
    transform-style: flat;
  }
}