Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-10-26 08:36:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: clicking outside postContainer should close tooltip

Browse Source
This commit is contained in:
Barış Soner Uşaklı
2021-10-23 20:49:14 -04:00
parent 7866107988
commit 47df62e700
1 changed files with 19 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
public/src/client/topic/postTools.js
View File

@@ -464,11 +464,26 @@ define('forum/topic/postTools', [
}
function handleSelectionTooltip() {
async function updateTooltip() {
hooks.onPage('action:posts.loaded', delayedTooltip);
$(document).off('mouseup', delayedTooltip).on('mouseup', delayedTooltip);
$(document).off('selectionchange', selectionChange).on('selectionchange', selectionChange);
}
let selectionEmpty = true;
function selectionChange() {
selectionEmpty = window.getSelection().toString() === '';
if (selectionEmpty) {
$('[component="selection/tooltip"]').addClass('hidden');
}
}
function delayedTooltip() {
setTimeout(async function () {
let selectionTooltip = $('[component="selection/tooltip"]');
selectionTooltip.addClass('hidden');
const selection = window.getSelection();
if (selection.focusNode && selection.type === 'Range' && ajaxify.data.template.topic) {
if (selection.focusNode && selection.type === 'Range' && ajaxify.data.template.topic && !selectionEmpty) {
const focusNode = $(selection.focusNode);
const anchorNode = $(selection.anchorNode);
const firstPid = anchorNode.parents('[data-pid]').attr('data-pid');
@@ -495,6 +510,7 @@ define('forum/topic/postTools', [
selectionTooltip.removeClass('hidden');
$(window).one('action:ajaxify.start', function () {
selectionTooltip.remove();
$(document).off('selectionchange', selectionChange);
});
const tooltipWidth = selectionTooltip.outerWidth(true);
selectionTooltip.css({
@@ -502,17 +518,7 @@ define('forum/topic/postTools', [
left: tooltipWidth > lastRect.width ? lastRect.left : lastRect.left + lastRect.width - tooltipWidth,
});
}
}
const postContainer = components.get('topic');
hooks.onPage('action:posts.loaded', function () {
setTimeout(updateTooltip, 0);
});
postContainer.on('mouseup', function () {
setTimeout(updateTooltip, 0);
});
}, 0);
}
return PostTools;