datatables.net 2.2.0 → 2.2.1

package/js/dataTables.mjs

@@ -1,4 +1,4 @@
-/*! DataTables 2.2.0
+/*! DataTables 2.2.1
  * © SpryMedia Ltd - datatables.net/license
  */
 
@@ -5315,6 +5315,14 @@ function _fnCalculateColumnWidths ( settings )
 		i, column, columnIdx;
 		
 	var styleWidth = table.style.width;
+	var containerWidth = _fnWrapperWidth(settings);
+
+	// Don't re-run for the same width as the last time
+	if (containerWidth === settings.containerWidth) {
+		return false;
+	}
+
+	settings.containerWidth = containerWidth;
 
 	// If there is no width applied as a CSS style or as an attribute, we assume that
 	// the width is intended to be 100%, which is usually is in CSS, but it is very
@@ -5442,15 +5450,15 @@ function _fnCalculateColumnWidths ( settings )
 
 		// If there is no width attribute or style, then allow the table to
 		// collapse
-		if ( tmpTable.width() < tableContainer.clientWidth && tableWidthAttr ) {
-			tmpTable.width( tableContainer.clientWidth );
+		if ( tmpTable.outerWidth() < tableContainer.clientWidth && tableWidthAttr ) {
+			tmpTable.outerWidth( tableContainer.clientWidth );
 		}
 	}
 	else if ( scrollY ) {
-		tmpTable.width( tableContainer.clientWidth );
+		tmpTable.outerWidth( tableContainer.clientWidth );
 	}
 	else if ( tableWidthAttr ) {
-		tmpTable.width( tableWidthAttr );
+		tmpTable.outerWidth( tableWidthAttr );
 	}
 
 	// Get the width of each column in the constructed table
@@ -5483,46 +5491,33 @@ function _fnCalculateColumnWidths ( settings )
 	}
 
 	if ( (tableWidthAttr || scrollX) && ! settings._reszEvt ) {
-		var wrapperWidth = function () {
-			return $(settings.nTableWrapper).is(':visible')
-				? $(settings.nTableWrapper).width()
-				: 0;
-		}
-
-		settings.containerWidth = wrapperWidth();
-
 		var resize = DataTable.util.throttle( function () {
-			var newWidth = wrapperWidth();
+			var newWidth = _fnWrapperWidth(settings);
 
-			// Don't do it if destroying, is the same size as last time, or the container
-			// width is 0
-			if (
-				! settings.bDestroying &&
-				settings.containerWidth !== newWidth &&
-				newWidth !== 0
-			) {
-				// Do a resize
+			// Don't do it if destroying or the container width is 0
+			if (! settings.bDestroying && newWidth !== 0) {
 				_fnAdjustColumnSizing( settings );
-				settings.containerWidth = newWidth;
 			}
 		} );
 
 		// For browsers that support it (~2020 onwards for wide support) we can watch for the
 		// container changing width.
 		if (window.ResizeObserver) {
-			settings.resizeObserver = new ResizeObserver(function (e) {
-				var box = e[0].contentBoxSize;
-				var size = Array.isArray(box)
-					? box[0].inlineSize // Spec
-					: box.inlineSize; // Old Firefox
+			// This is a tricky beast - if the element is visible when `.observe()` is called,
+			// then the callback is immediately run. Which we don't want. If the element isn't
+			// visible, then it isn't run, but we want it to run when it is then made visible.
+			// This flag allows the above to be satisfied.
+			var first = $(settings.nTableWrapper).is(':visible');
 
-				// Under this condition a resize will trigger its own resize, causing an error.
-				if (size < settings.containerWidth) {
-					return;
+			settings.resizeObserver = new ResizeObserver(function (e) {
+				if (first) {
+					first = false;
+				}
+				else {
+					resize();
 				}
-
-				resize();
 			});
+
 			settings.resizeObserver.observe(settings.nTableWrapper);
 		}
 		else {
@@ -5534,6 +5529,17 @@ function _fnCalculateColumnWidths ( settings )
 	}
 }
 
+/**
+ * Get the width of the DataTables wrapper element
+ *
+ * @param {*} settings DataTables settings object
+ * @returns Width
+ */
+function _fnWrapperWidth(settings) {
+	return $(settings.nTableWrapper).is(':visible')
+		? $(settings.nTableWrapper).width()
+		: 0;
+}
 
 /**
  * Get the maximum strlen for each data column
@@ -8896,6 +8902,10 @@ _api_registerPlural( 'columns().indexes()', 'column().index()', function ( type
 
 _api_register( 'columns.adjust()', function () {
 	return this.iterator( 'table', function ( settings ) {
+		// Force a column sizing to happen with a manual call - otherwise it can skip
+		// if the size hasn't changed
+		settings.containerWidth = -1;
+
 		_fnAdjustColumnSizing( settings );
 	}, 1 );
 } );
@@ -9949,7 +9959,7 @@ _api_register( 'i18n()', function ( token, def, plural ) {
  *  @type string
  *  @default Version number
  */
-DataTable.version = "2.2.0";
+DataTable.version = "2.2.1";
 
 /**
  * Private data store, containing all of the settings objects that are
@@ -12058,7 +12068,7 @@ DataTable.models.oSettings = {
 	resizeObserver: null,
 
 	/** Keep a record of the last size of the container, so we can skip duplicates */
-	containerWidth: 0
+	containerWidth: -1
 };
 
 /**

package/package.json

@@ -4,7 +4,7 @@
     "main": "js/dataTables.js",
     "module": "js/dataTables.mjs",
     "types": "./types/types.d.ts",
-    "version": "2.2.0",
+    "version": "2.2.1",
     "files": [
         "js/**/*.js",
         "js/**/*.mjs",