console error fixed

This commit is contained in:
Burak Civan 2022-12-12 16:33:57 +03:00
parent 7eb46459b1
commit b10ff1fc69

View File

@ -190,37 +190,40 @@ function runDropdown(dropdownToggleEl) {
],
}); // toggle when click on the button
dropdownMenuEl.classList.toggle("hidden");
dropdownMenuEl.classList.toggle("block");
if (dropdownMenuEl !== null) {
dropdownMenuEl.classList.toggle("hidden");
dropdownMenuEl.classList.toggle("block");
function handleDropdownOutsideClick(event) {
var targetElement = event.target; // clicked element
function handleDropdownOutsideClick(event) {
var targetElement = event.target; // clicked element
if (
targetElement !== dropdownMenuEl &&
targetElement !== dropdownToggleEl &&
!dropdownToggleEl.contains(targetElement)
) {
dropdownMenuEl.classList.add("hidden");
dropdownMenuEl.classList.remove("block");
document.body.removeEventListener(
"click",
handleDropdownOutsideClick,
true
);
if (
targetElement !== dropdownMenuEl &&
targetElement !== dropdownToggleEl &&
!dropdownToggleEl.contains(targetElement)
) {
dropdownMenuEl.classList.add("hidden");
dropdownMenuEl.classList.remove("block");
document.body.removeEventListener(
"click",
handleDropdownOutsideClick,
true
);
}
} // hide popper when clicking outside the element
document.body.addEventListener("click", handleDropdownOutsideClick, true);
if (dropdownMenuEl.getAttribute("data-click-outside-none") != null) {
if (event.target.getAttribute("data-click-outside") != null || event.target.parentElement.getAttribute("data-click-outside") != null) {
dropdownMenuEl.classList.add("hidden");
dropdownMenuEl.classList.remove("block");
return;
}
debugger;
dropdownMenuEl.classList.add("block");
dropdownMenuEl.classList.remove("hidden");
}
} // hide popper when clicking outside the element
document.body.addEventListener("click", handleDropdownOutsideClick, true);
if (dropdownMenuEl.getAttribute("data-click-outside-none") != null) {
if (event.target.getAttribute("data-click-outside") != null || event.target.parentElement.getAttribute("data-click-outside") != null) {
dropdownMenuEl.classList.add("hidden");
dropdownMenuEl.classList.remove("block");
return;
}
dropdownMenuEl.classList.add("block");
dropdownMenuEl.classList.remove("hidden");
}
}
// Toggle dropdown elements using [data-dropdown-toggle]