Merge pull request #7 from YIZHUANG/add-support-for-ie-11-and-ie-10

Added support for IE11 and IE10
YIZHUANG · Apr 5, 2019 · 993b5c4 · 993b5c4
2 parents c72d741 + b53c280
commit 993b5c4
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 5 deletions.
diff --git a/lib/CarouselItems.js b/lib/CarouselItems.js
diff --git a/lib/CarouselItems.js.map b/lib/CarouselItems.js.map
diff --git a/lib/styles.css b/lib/styles.css
@@ -96,3 +96,12 @@
 .react-multi-carousel-dot--active button {
   background: #080808;
 }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  .react-multi-carousel-item {
+    flex-shrink: 0 !important;
+  }
+  .react-multi-carousel-track {
+    overflow: visible !important;
+  }
+}
diff --git a/src/CarouselItems.tsx b/src/CarouselItems.tsx
@@ -42,7 +42,7 @@ const CarouselItems = ({ props, state }:CarouselItemsProps):any => {
               }px`
             : "auto"
         }}
-        className={itemClass}
+        className={`react-multi-carousel-item ${itemClass}`}
       >
         {child}
       </li>
@@ -64,7 +64,7 @@ const CarouselItems = ({ props, state }:CarouselItemsProps):any => {
             }px`
           : "auto"
       }}
-      className={itemClass}
+      className={`react-multi-carousel-item ${itemClass}`}
     >
       {child}
     </li>

diff --git a/src/assets/styles.css b/src/assets/styles.css
@@ -96,3 +96,12 @@
 .react-multi-carousel-dot--active button {
   background: #080808;
 }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  .react-multi-carousel-item {
+    flex-shrink: 0 !important;
+  }
+  .react-multi-carousel-track {
+    overflow: visible !important;
+  }
+}