@nodebb/nodebb-plugin-reactions 2.1.6 → 2.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nodebb/nodebb-plugin-reactions",
-  "version": "2.1.6",
+  "version": "2.1.8",
   "nbbpm": {
     "compatibility": "^3.3.0"
   },

package/public/client.js

@@ -217,8 +217,18 @@ $(document).ready(function () {
 
 	function createReactionTooltips() {
 		require(['bootstrap', 'translator'], function (bootstrap, translator) {
+			function disposeTooltip(el) {
+				if (el && el.length) {
+					const tooltip = bootstrap.Tooltip.getInstance(el.get(0));
+					if (tooltip) {
+						tooltip.dispose();
+						el.attr('title', '');
+					}
+				}
+			}
 			async function createTooltip(data) {
 				const el = mouseOverReactionEl;
+				disposeTooltip(el);
 				let usernames = data.usernames.filter(name => name !== '[[global:former_user]]');
 				if (!usernames.length) {
 					return;
@@ -255,15 +265,17 @@ $(document).ready(function () {
 						if (mouseOverReactionEl && mouseOverReactionEl.length) {
 							const pid = mouseOverReactionEl.attr('data-pid');
 							const mid = mouseOverReactionEl.attr('data-mid');
+							const reaction = mouseOverReactionEl.attr('data-reaction');
 							const type = pid ? 'post' : 'message';
 							const data = await socket.emit('plugins.reactions.getReactionUsernames', {
 								type: type,
 								mid: mid,
 								pid: pid,
-								reaction: mouseOverReactionEl.attr('data-reaction'),
+								reaction: reaction,
 							});
 
 							if (mouseOverReactionEl && mouseOverReactionEl.length &&
+								reaction === mouseOverReactionEl.attr('data-reaction') &&
 								(
 									(type === 'post' && pid === mouseOverReactionEl.attr('data-pid')) ||
 									(type === 'message' && mid === mouseOverReactionEl.attr('data-mid'))
@@ -277,12 +289,7 @@ $(document).ready(function () {
 				$('#content').on('mouseleave', '.reaction', function () {
 					clearTooltipTimeout();
 					mouseOverReactionEl = null;
-					const $this = $(this);
-					const tooltip = bootstrap.Tooltip.getInstance(this);
-					if (tooltip) {
-						tooltip.dispose();
-						$this.attr('title', '');
-					}
+					disposeTooltip($(this));
 				});
 			}
 		});