v1.2.0-beta2

Fixed Do not resize if naturalWidth is greater than maxImageWidth and less than postbodyWidth

Author: IMC-GER

imcger/imgupload/styles/all/template/event/overall_footer_body_after.html

@@ -217,6 +217,8 @@
  */
 const imcgerImgUpload = {
 	initialImage: function() {
+		const maxImageWidth = '{{ IUL_IMG_MAXWIDTH }}';
+		
 		// Return if no content is displayed
 		if (!document.getElementsByClassName("content").length) {
 			return;
@@ -226,9 +228,9 @@
 			postbodyWidth  = window.getComputedStyle(document.getElementsByClassName("content")[0]).width;
 
 		postImageArray.forEach((image) => {
-			if (parseInt(image.naturalWidth) > parseInt(postbodyWidth)) {
+			if (parseInt(image.naturalWidth) > parseInt(postbodyWidth) || parseInt(image.naturalWidth) > parseInt(maxImageWidth)) {
 				image.style.width = '100%';
-				image.style.maxWidth = '{{ IUL_IMG_MAXWIDTH }}';
+				image.style.maxWidth = maxImageWidth;
 			} else {
 				image.style.width = 'auto';
 				image.style.maxWidth = 'none';
@@ -242,10 +244,12 @@
 let postImageArray = document.querySelectorAll(".content img.postimage");
 postImageArray.forEach((image) => {
 	image.onload = (event) => {
-		let postbodyWidth  = window.getComputedStyle(document.getElementsByClassName("content")[0]).width;
-		if (parseInt(image.naturalWidth) > parseInt(postbodyWidth)) {
+		const maxImageWidth = '{{ IUL_IMG_MAXWIDTH }}';
+		let  postbodyWidth  = window.getComputedStyle(document.getElementsByClassName("content")[0]).width;
+
+		if (parseInt(image.naturalWidth) > parseInt(postbodyWidth) || parseInt(image.naturalWidth) > parseInt(maxImageWidth)) {
 			image.style.width = '100%';
-			image.style.maxWidth = '{{ IUL_IMG_MAXWIDTH }}';
+			image.style.maxWidth = maxImageWidth;
 		} else {
 			image.style.width = 'auto';
 			image.style.maxWidth = 'none';