Doesn't work well with IE11

patricktran / react-magic-slider-dots

React Magic Dots Component for React Slick Carousel (inspired by Instagram)

https://patricktran.github.io/react-magic-slider-dots/

26 stars 11 forks source link

Doesn't work well with IE11 #21

Open ifthenelse opened 3 years ago

ifthenelse commented 3 years ago

The behaviour of the plugin is not correct on Internet Explorer 11.

https://user-images.githubusercontent.com/50681/106401754-1b085d80-6426-11eb-8d0d-b1b742253571.mp4

Also, the DEMO page doesn't load at all with that browser.

ifthenelse commented 3 years ago

Looks like to fix it, you just need to add explicit flex properties to .slick-dots li

.slick-dots li {
  flex-basis: auto;
  flex-shrink: 0;
  flex-grow: 0;
}

patricktran commented 3 years ago

Hi @ifthenelse

IE11 has been long deprecated by Microsoft and requires ES6 polyfills. Since then, Microsoft has replaced it with IE Edge Legacy and IE Edge (Chromium). Therefore, this package does not officially support IE11, but I will leave your IE Fix Open so that others can see your solution. Thank you.