Correct full screen preview and piexif dependency fix #1286 fix #1287

CHANGE.md

@@ -5,6 +5,8 @@ Change Log: `bootstrap-fileinput`
 
 **Date:** _work in process_
 
+- (enh #1287): Correct full screen modal styling.
+- (enh #1286): Default `autoOrientImage` to `false`.
 - (bug #1282): Allow `filebrowse` event to be prevented.
 - (enh #1279): Enhance `usePdfRenderer` callback check to detect android phones.
 - Correct nuget batch file.

css/fileinput.css

@@ -407,27 +407,15 @@
     opacity: 0.65;
 }
 
-.file-zoom-fullscreen.modal {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-}
-
 .file-zoom-fullscreen .modal-dialog {
-    position: fixed;
+    min-width: 100%;
     margin: 0;
-    padding: 0;
-    width: 100%;
-    height: 100%;
-    max-width: 100%;
-    max-height: 100%;
 }
 
 .file-zoom-fullscreen .modal-content {
     border-radius: 0;
     box-shadow: none;
+    min-height: 100vh;
 }
 
 .file-zoom-fullscreen .modal-body {

js/fileinput.js

@@ -4268,7 +4268,7 @@
         showUploadedThumbs: true,
         browseOnZoneClick: false,
         autoReplace: false,
-        autoOrientImage: true, // for JPEG images based on EXIF orientation tag
+        autoOrientImage: false, // if `true` applicable for JPEG images only
         required: false,
         rtl: false,
         hideThumbnailContent: false,

scss/fileinput.scss

@@ -539,25 +539,14 @@ input[type=file].file-loading {
 }
 
 .file-zoom-fullscreen {
-    &.modal {
-        position: fixed;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-    }
     .modal-dialog {
-        position: fixed;
+        min-width: 100%;
         margin: 0;
-        padding: 0;
-        width: 100%;
-        height: 100%;
-        max-width: 100%;
-        max-height: 100%;
     }
     .modal-content {
         border-radius: 0;
         box-shadow: none;
+        min-height: 100vh;
     }
     .modal-body {
         overflow-y: auto;