Make media field initialize itself when a new subform row is added (j…

…oomla#20230)
tecpromotion · May 23, 2019 · 6485f9c · 6485f9c
1 parent ca2d6bd
commit 6485f9c
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 10 deletions.
diff --git a/media/media/js/mediafield.js b/media/media/js/mediafield.js
@@ -194,9 +194,15 @@
 		});
 	};
 
-	// Initialise all defaults
-	$(document).ready(function(){
-		$('.field-media-wrapper').fieldMedia();
+	// Initialise all defaults on load and again when subform rows are added
+	$(function($) {
+		initMediaField();
+		$(document).on('subform-row-add', initMediaField);
+
+		function initMediaField (event, container)
+		{
+			$(container || document).find('.field-media-wrapper').fieldMedia();
+		}
 	});
 
 })(jQuery);

diff --git a/media/media/js/mediafield.min.js b/media/media/js/mediafield.min.js
diff --git a/media/system/js/subform-repeatable-uncompressed.js b/media/system/js/subform-repeatable-uncompressed.js
@@ -249,11 +249,6 @@
 			$select.attr('href', oldHref.replace(/&fieldid=(.+)&/, '&fieldid=' + inputId + '&'));
 		});
 
-		// bootstrap based Media field
-		if($.fn.fieldMedia){
-			$row.find('.field-media-wrapper').fieldMedia();
-		}
-
 		// bootstrap based User field
 		if($.fn.fieldUser){
 			$row.find('.field-user-wrapper').fieldUser();

diff --git a/media/system/js/subform-repeatable.js b/media/system/js/subform-repeatable.js