diff --git a/scripts/pi-hole/js/groups-adlists.js b/scripts/pi-hole/js/groups-adlists.js index 96b0316e..0c5bc604 100644 --- a/scripts/pi-hole/js/groups-adlists.js +++ b/scripts/pi-hole/js/groups-adlists.js @@ -89,7 +89,11 @@ function initTable() { comment.on("change", editAdlist); $("td:eq(3)", row).empty(); - $("td:eq(3)", row).append(''); + $("td:eq(3)", row).append( + '
' + ); var sel = $("#multiselect", row); // Add all known groups for (var i = 0; i < groups.length; i++) { @@ -123,6 +127,18 @@ function initTable() { if (bottom > 200) { el.removeClass("dropup"); } + + var offset = el.offset(); + $("body").append(el); + el.css("position", "absolute"); + el.css("top", offset.top + "px"); + el.css("left", offset.left + "px"); + }, + onDropdownHide: function() { + var el = $("#container" + data.id); + var home = $("#selectHome" + data.id); + home.append(el); + el.removeAttr("style"); } }); sel.on("change", editAdlist); diff --git a/scripts/pi-hole/js/groups-clients.js b/scripts/pi-hole/js/groups-clients.js index c5a93224..14d9323e 100644 --- a/scripts/pi-hole/js/groups-clients.js +++ b/scripts/pi-hole/js/groups-clients.js @@ -101,7 +101,11 @@ function initTable() { $("td:eq(0)", row).html(ip_name); $("td:eq(1)", row).empty(); - $("td:eq(1)", row).append(''); + $("td:eq(1)", row).append( + '
' + ); var sel = $("#multiselect", row); // Add all known groups for (var i = 0; i < groups.length; i++) { @@ -135,6 +139,18 @@ function initTable() { if (bottom > 200) { el.removeClass("dropup"); } + + var offset = el.offset(); + $("body").append(el); + el.css("position", "absolute"); + el.css("top", offset.top + "px"); + el.css("left", offset.left + "px"); + }, + onDropdownHide: function() { + var el = $("#container" + data.id); + var home = $("#selectHome" + data.id); + home.append(el); + el.removeAttr("style"); } }); sel.on("change", editClient); diff --git a/scripts/pi-hole/js/groups-domains.js b/scripts/pi-hole/js/groups-domains.js index dbf0d1f1..ee3b1b7f 100644 --- a/scripts/pi-hole/js/groups-domains.js +++ b/scripts/pi-hole/js/groups-domains.js @@ -114,7 +114,11 @@ function initTable() { $("#comment", row).on("change", editDomain); $("td:eq(4)", row).empty(); - $("td:eq(4)", row).append(''); + $("td:eq(4)", row).append( + '
' + ); var sel = $("#multiselect", row); // Add all known groups for (var i = 0; i < groups.length; i++) { @@ -155,6 +159,18 @@ function initTable() { if (bottom > 200) { el.removeClass("dropup"); } + + var offset = el.offset(); + $("body").append(el); + el.css("position", "absolute"); + el.css("top", offset.top + "px"); + el.css("left", offset.left + "px"); + }, + onDropdownHide: function() { + var el = $("#container" + data.id); + var home = $("#selectHome" + data.id); + home.append(el); + el.removeAttr("style"); } }); sel.on("change", editDomain); diff --git a/style/pi-hole.css b/style/pi-hole.css index fa1600f7..d116a8a2 100644 --- a/style/pi-hole.css +++ b/style/pi-hole.css @@ -72,7 +72,6 @@ .table-responsive { -webkit-overflow-scrolling: touch; - overflow: visible; } /* Optimize Queries-Table for small screens */