Use max-height stretch property rather than the deprecated fill-avail…

…able
sekoyo · May 23, 2018 · 94ce943 · 94ce943
1 parent 2b4f99e
commit 94ce943
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/dist/ReactCrop.css b/dist/ReactCrop.css
@@ -12,7 +12,9 @@
   .ReactCrop__image {
     display: block;
     max-width: 100%;
-    max-height: fill-available; }
+    max-height: -webkit-fill-available;
+    max-height: -moz-available;
+    max-height: stretch; }
   .ReactCrop--crop-invisible .ReactCrop__image {
     opacity: 0.5; }
   .ReactCrop__crop-selection {

diff --git a/lib/ReactCrop.scss b/lib/ReactCrop.scss
@@ -37,7 +37,9 @@ $drag-handle-border: 1px solid rgba(255,255,255,0.7) !default;
   &__image {
     display: block;
     max-width: 100%;
-    max-height: fill-available;
+    max-height: -webkit-fill-available;
+    max-height: -moz-available;
+    max-height: stretch;
   }
 
   &--crop-invisible &__image {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-image-crop",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "A responsive image cropping tool for React",
   "repository": "https://github.com/DominicTobias/react-image-crop",
   "main": "index.js",