karafka-web 0.10.0 → 0.10.2

data/lib/karafka/web/ui/public/javascripts/components/live_poll.js

@@ -9,9 +9,22 @@ var livePollTimer = null;
 var oldDOM = null;
 var datePicker = null;
 var startURL = window.location.href;
+let isHoveringOverClickable = false;
 
 // Enable live polling by default on the first visit
 function initLivePolling() {
+  document.addEventListener('mouseover', function(event) {
+    if (isElementClickable(event.target)) {
+      isHoveringOverClickable = true;
+    }
+  });
+
+  document.addEventListener('mouseout', function(event) {
+    if (isElementClickable(event.target)) {
+      isHoveringOverClickable = false;
+    }
+  });
+
   var polling = localStorage.karafkaLivePoll;
 
   if (polling != undefined) { return }
@@ -19,6 +32,42 @@ function initLivePolling() {
   localStorage.karafkaLivePoll = "enabled"
 }
 
+function isFormActive() {
+  // Get the currently focused element
+  const activeElement = document.activeElement;
+
+  // Check if the focused element is a form control
+  return ['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON', 'FIELDSET'].includes(activeElement.tagName);
+}
+
+function isElementClickable(element) {
+  // Check for common clickable elements
+  if (element.tagName === 'A' ||
+    element.tagName === 'BUTTON' ||
+    (element.tagName === 'INPUT' && (element.type === 'button' || element.type === 'submit')) ||
+    element.hasAttribute('onclick') ||
+    typeof element.onclick === 'function') {
+    return true;
+  }
+
+  // Check if the element is a <span> inside a .tab-container
+  if (element.tagName === 'SPAN' && element.closest('.tab-container')) {
+    return true;
+  }
+
+  // Check if the element is wrapped in a <button>
+  if (element.closest('button')) { return true }
+
+  // Check if element is wrapped with a link
+  if (element.closest('a')) { return true }
+
+  return false;
+}
+
+function isUserHoveringOverClickable() {
+    return isHoveringOverClickable;
+}
+
 // Check is there is any text selected in the Web-UI
 // It drives me crazy when I'm selecting things in Sidekiq Web-UI and the page is refreshed
 // This mitigates this problem for Karafka Web
@@ -44,6 +93,8 @@ function isCollapsingHappening() {
 // We should not poll and update if we have any text selected and we should not do it as well, when
 // datetime picker with time selection is present
 function isPollingPossible(check_url = false){
+  if (isFormActive()) { return false }
+  if (isUserHoveringOverClickable()) { return false }
   if (isAnyTextSelected()) { return false }
   if (isOffsetLookupCalendarVisible()) { return false }
   if (isAnyModalOpen()) { return false }

data/lib/karafka/web/ui/public/stylesheets/application.css

@@ -29,5 +29,9 @@ canvas {
 }
 
 table td.commands {
-  min-width: 120px;
+  width: 150px;
+}
+
+table td.commands-inline-3 {
+  width: 180px
 }