46bf228318d87acfc0d3d96d843129ebaac0cb86 Fix: Check that the paging c…

…ontrol has any width before triggering reponsive control

DataTables/DataTablesSrc#295

Sync to source repo @46bf228318d87acfc0d3d96d843129ebaac0cb86

datatables.json

@@ -11,5 +11,5 @@
     ],
     "src-repo": "http://github.com/DataTables/DataTablesSrc",
     "last-tag": "2.1.8",
-    "last-sync": "643377800fbf3b1e050b8d59a843837710aea693"
+    "last-sync": "46bf228318d87acfc0d3d96d843129ebaac0cb86"
 }

js/dataTables.js

@@ -13295,10 +13295,13 @@
 
 		// Responsive - check if the buttons are over two lines based on the
 		// height of the buttons and the container.
+		var outerWidth = $(buttonEls[0]).outerHeight();
+
 		if (
 			buttonEls.length && // any buttons
 			opts.buttons > 1 && // prevent infinite
-			$(host).height() >= ($(buttonEls[0]).outerHeight() * 2) - 10
+			outerWidth > 0 && // will be 0 if hidden
+			$(host).height() >= (outerWidth * 2) - 10
 		) {
 			_pagingDraw(settings, host, $.extend({}, opts, { buttons: opts.buttons - 2 }));
 		}

js/dataTables.mjs

@@ -13242,10 +13242,13 @@ function _pagingDraw(settings, host, opts) {
 
 	// Responsive - check if the buttons are over two lines based on the
 	// height of the buttons and the container.
+	var outerWidth = $(buttonEls[0]).outerHeight();
+
 	if (
 		buttonEls.length && // any buttons
 		opts.buttons > 1 && // prevent infinite
-		$(host).height() >= ($(buttonEls[0]).outerHeight() * 2) - 10
+		outerWidth > 0 && // will be 0 if hidden
+		$(host).height() >= (outerWidth * 2) - 10
 	) {
 		_pagingDraw(settings, host, $.extend({}, opts, { buttons: opts.buttons - 2 }));
 	}