38ba1ccc45f04b483c0aaf7f0c74d7b9f7d016af Fix: Processing indicator, w…

…hen scrolling is enabled, could be partly hidden under the header / footer elements

https://datatables.net/forums/discussion/78854

Sync to source repo @38ba1ccc45f04b483c0aaf7f0c74d7b9f7d016af

datatables.json

@@ -11,5 +11,5 @@
     ],
     "src-repo": "http://github.com/DataTables/DataTablesSrc",
     "last-tag": "2.0.5",
-    "last-sync": "ba5e121e7fc4bdae642179fe79e3c76de9a41619"
+    "last-sync": "38ba1ccc45f04b483c0aaf7f0c74d7b9f7d016af"
 }

js/dataTables.js

@@ -4817,6 +4817,7 @@
 	function _processingHtml ( settings )
 	{
 		var table = settings.nTable;
+		var scrolling = settings.oScroll.sX !== '' || settings.oScroll.sY !== '';
 
 		if ( settings.oFeatures.bProcessing ) {
 			var n = $('<div/>', {
@@ -4825,9 +4826,16 @@
 					'role': 'status'
 				} )
 				.html( settings.oLanguage.sProcessing )
-				.append('<div><div></div><div></div><div></div><div></div></div>')
-				.insertBefore( table );
-
+				.append('<div><div></div><div></div><div></div><div></div></div>');
+
+			// Different positioning depending on if scrolling is enabled or not
+			if (scrolling) {
+				n.prependTo( 'div.dt-scroll', settings.nTableWrapper );
+			}
+			else {
+				n.insertBefore( table );
+			}
+
 			$(table).on( 'processing.dt.DT', function (e, s, show) {
 				n.css( 'display', show ? 'block' : 'none' );
 			} );

js/dataTables.mjs

@@ -4764,6 +4764,7 @@ function _fnPageChange ( settings, action, redraw )
 function _processingHtml ( settings )
 {
 	var table = settings.nTable;
+	var scrolling = settings.oScroll.sX !== '' || settings.oScroll.sY !== '';
 
 	if ( settings.oFeatures.bProcessing ) {
 		var n = $('<div/>', {
@@ -4772,9 +4773,16 @@ function _processingHtml ( settings )
 				'role': 'status'
 			} )
 			.html( settings.oLanguage.sProcessing )
-			.append('<div><div></div><div></div><div></div><div></div></div>')
-			.insertBefore( table );
-
+			.append('<div><div></div><div></div><div></div><div></div></div>');
+
+		// Different positioning depending on if scrolling is enabled or not
+		if (scrolling) {
+			n.prependTo( 'div.dt-scroll', settings.nTableWrapper );
+		}
+		else {
+			n.insertBefore( table );
+		}
+
 		$(table).on( 'processing.dt.DT', function (e, s, show) {
 			n.css( 'display', show ? 'block' : 'none' );
 		} );