PonyMirrors/philomena
1
0
Fork 0
mirror of https://github.com/philomena-dev/philomena.git synced 2025-03-23 12:17:14 +01:00
Code Issues Projects Releases Packages Wiki Activity

Get rid of stopPropagation on click events to make autocomplete popup disappear

Browse source
This commit is contained in:
MareStare 2025-03-19 00:41:08 +00:00
parent a3ab0d2b41
commit 5d908b5142
2 changed files with 34 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
assets/js/burger.ts
View file

@ -53,20 +53,27 @@ export function setupBurgerMenu() {
copyUserLinksTo(burger);
toggle.addEventListener('click', event => {
event.stopPropagation();
event.preventDefault();
if (content.classList.contains('open')) {
close(burger, content, body, root);
} else {
open(burger, content, body, root);
document.addEventListener('click', event => {
if (!(event.target instanceof Node)) {
return;
}
});
content.addEventListener('click', () => {
if (content.classList.contains('open')) {
close(burger, content, body, root);
if (toggle.contains(event.target)) {
event.preventDefault();
if (content.classList.contains('open')) {
close(burger, content, body, root);
} else {
open(burger, content, body, root);
}
return;
}
if (content.contains(event.target)) {
if (content.classList.contains('open')) {
close(burger, content, body, root);
}
}
});
}

24
assets/js/interactions.js
View file

@ -19,7 +19,13 @@ const endpoints = {
const spoilerDownvoteMsg = 'Neigh! - Remove spoilered tags from your filters to downvote from thumbnails';
/* Quick helper function to less verbosely iterate a QSA */
/**
* Quick helper function to less verbosely iterate a QSA
*
* @param {string} id
* @param {string} selector
* @param {(node: HTMLElement) => void} cb
*/
function onImage(id, selector, cb) {
[].forEach.call(document.querySelectorAll(`${selector}[data-image-id="${id}"]`), cb);
}
@ -145,14 +151,6 @@ function loadInteractions() {
icon.setAttribute('title', spoilerDownvoteMsg);
a.classList.add('disabled');
a.addEventListener(
'click',
event => {
event.stopPropagation();
event.preventDefault();
},
true,
);
});
});
}
@ -163,6 +161,10 @@ const targets = {
interact('vote', imageId, 'DELETE').then(() => resetVoted(imageId));
},
'.interaction--downvote.active'(imageId) {
if (window.booru.imagesWithDownvotingDisabled.includes(imageId)) {
return;
}
interact('vote', imageId, 'DELETE').then(() => resetVoted(imageId));
},
'.interaction--fave.active'(imageId) {
@ -180,6 +182,10 @@ const targets = {
});
},
'.interaction--downvote:not(.active)'(imageId) {
if (window.booru.imagesWithDownvotingDisabled.includes(imageId)) {
return;
}
interact('vote', imageId, 'POST', { up: false }).then(() => {
resetVoted(imageId);
showDownvoted(imageId);