react-magic-slider-dots icon indicating copy to clipboard operation
react-magic-slider-dots copied to clipboard

Doesn't work well with IE11

Open ifthenelse opened this issue 5 years ago • 2 comments

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 avatar Jan 31 '21 23:01 ifthenelse

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;
}

ifthenelse avatar Jan 31 '21 23:01 ifthenelse

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.

patricktran avatar Mar 02 '21 01:03 patricktran