Fix: Bootstrap 5 when used with ES imports wasn't displaying the modal

pczarn2 · Mar 26, 2024 · 5e187b2 · 5e187b2
1 parent b573bda
commit 5e187b2
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/js/responsive.bootstrap5.js b/js/responsive.bootstrap5.js
@@ -28,12 +28,12 @@ DataTable.Responsive.bootstrap = function (bs) {
 };
 
 _display.modal = function (options) {
-	if (!modal) {
+	if (!modal && _bs.Modal) {
 		modal = new _bs.Modal(_modal[0]);
 	}
 
 	return function (row, update, render, closeCallback) {
-		if (!$.fn.modal) {
+		if (! modal) {
 			return _original(row, update, render, closeCallback);
 		}
 		else {
@@ -59,8 +59,7 @@ _display.modal = function (options) {
 				_modal
 					.data('dtr-row-idx', row.index())
 					.one('hidden.bs.modal', closeCallback)
-					.appendTo('body')
-					.modal();
+					.appendTo('body');
 
 				modal.show();
 			}