Does not work in ie11
karamjeetiron opened this issue · 1 comments
karamjeetiron commented
I made three slider with vue slick. Two are working fine but there an issue in third one. It just overlapping all the content,some times images are shown ,sometimes page goes blank. I faced it only in IE11.
`
{{sliderItem.subHeading}}
{{sliderItem.heading}}
{{sliderItem.percent}}
{{sliderItem.offer}}
Shop Now
<script> import Slick from "vue-slick"; export default { props: ['data'], components: { Slick }, data() { return { slickOptions: { infinite: true, centerMode: true, centerPadding: '400px', slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, dots: false, arrows:false, rtl: this.isRTL, responsive: [ { breakpoint: 1400, settings: { arrows: false, centerMode: true, centerPadding: '300px', slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000 } }, { breakpoint: 1199, settings: { arrows: false, centerMode: true, centerPadding: '150px', slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000 } }, { breakpoint: 899, settings: { arrows: false, centerMode: true, centerPadding: '75px', slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000 } }, { breakpoint: 768, settings: { arrows: false, centerMode: false, centerPadding: '0', slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000 } }, { breakpoint: 480, settings: { arrows: false, centerMode: false, centerPadding: '0', slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000 } } ] } } } } </script>
`
How to fix it.