Fixed pause button on waterfall (#290)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
FritzAndFriends · Nov 9, 2023 · 5667bfc · 5667bfc
1 parent 9332789
commit 5667bfc
Showing 1 changed file with 30 additions and 18 deletions.
diff --git a/src/TagzApp.Web/wwwroot/js/site.js b/src/TagzApp.Web/wwwroot/js/site.js
@@ -661,18 +661,25 @@
 						`[data-providerid='${cursorProviderId}']`,
 					);
 					const rect = thisOne.getBoundingClientRect();
-					const aboveElements = document.elementsFromPoint(
-						rect.x - height,
-						rect.y,
-					);
 
-					// inspect the elements in aboveElements and assign the variable above to the first article element
 					var above = null;
-					for (var i = 0; i < aboveElements.length; i++) {
-						if (aboveElements[i].tagName == 'ARTICLE') {
-							above = aboveElements[i];
-							break;
+					for (var j = 0; j < 20; j++) {
+						// Look for an ARTICLE to the left of the current cursor position, if not found, look 10 pixels lower for an article
+
+						const aboveElements = document.elementsFromPoint(
+							rect.x - height,
+							rect.y + j * 10,
+						);
+
+						// inspect the elements in aboveElements and assign the variable above to the first article element
+						for (var i = 0; i < aboveElements.length; i++) {
+							if (aboveElements[i].tagName == 'ARTICLE') {
+								above = aboveElements[i];
+								break;
+							}
 						}
+
+						if (above != null && above.tagName == 'ARTICLE') break;
 					}
 
 					// check if above is an article element
@@ -698,18 +705,23 @@
 						`[data-providerid='${cursorProviderId}']`,
 					);
 					const rect = thisOne.getBoundingClientRect();
-					const aboveElements = document.elementsFromPoint(
-						rect.x + rect.width + height,
-						rect.y,
-					);
 
-					// inspect the elements in aboveElements and assign the variable above to the first article element
 					var above = null;
-					for (var i = 0; i < aboveElements.length; i++) {
-						if (aboveElements[i].tagName == 'ARTICLE') {
-							above = aboveElements[i];
-							break;
+					for (var j = 0; j < 20; j++) {
+						const aboveElements = document.elementsFromPoint(
+							rect.x + rect.width + height,
+							rect.y + j * 10,
+						);
+
+						// inspect the elements in aboveElements and assign the variable above to the first article element
+						for (var i = 0; i < aboveElements.length; i++) {
+							if (aboveElements[i].tagName == 'ARTICLE') {
+								above = aboveElements[i];
+								break;
+							}
 						}
+
+						if (above != null && above.tagName == 'ARTICLE') break;
 					}
 
 					// check if above is an article element