search

nolimits4web / swiper

Most modern mobile touch slider with hardware accelerated transitions
https://swiperjs.com
MIT License
39.89k stars 9.74k forks source link

chilren can not hover or select on firefox #1770

Closed ccqgithub closed 8 years ago

ccqgithub commented 8 years ago

the problem is: when then parent element has preserve-3d, the children element can not click and select(on my mac firefox).

i find the solution: set translateZ(10px) to the children element can resolve the problem, but if i do this ,it will overrite the style that has added by swiper……

ccqgithub commented 8 years ago

it seems to that: if the translateZ less than 0px the element can not selected on my firefox

ccqgithub commented 8 years ago

i resolve this issue by set depth to a negative：

coverflow: {
        rotate: 50,
        stretch: 0,
        depth: -100,
        modifier: 1,
        slideShadows: true
      },

but look not perfect, can has a callback when set translate for slides just like onSetTranslate(swiper, translate) ?

nolimits4web commented 8 years ago

Yeah, that is how different browsers treat 3d perspective. And this is how FF does, i don't see workaround here, it is more FF bug

lock[bot] commented 6 years ago

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.