From 35e348af42969155e9aebcf22118dff2b7b31a4f Mon Sep 17 00:00:00 2001
From: Anton Khorev <tony29@yandex.ru>
Date: Fri, 8 Aug 2025 19:54:46 +0300
Subject: [PATCH] Add numbered_pagination css class for event listeners

---
 app/assets/javascripts/index/element.js       | 6 +++---
 app/assets/javascripts/numbered_pagination.js | 8 ++++----
 app/helpers/numbered_pagination_helper.rb     | 2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/assets/javascripts/index/element.js b/app/assets/javascripts/index/element.js
index 8bb3ce82e..b952c8a64 100644
--- a/app/assets/javascripts/index/element.js
+++ b/app/assets/javascripts/index/element.js
@@ -12,20 +12,20 @@
     page.pushstate = page.popstate = function (path, id, version) {
       OSM.loadSidebarContent(path, function () {
         page._addObject(type, id, version);
-        $(document).trigger("numbered_pagination:enable");
+        $(".numbered_pagination").trigger("numbered_pagination:enable");
         abortController = new AbortController();
       });
     };
 
     page.load = function (path, id, version) {
       page._addObject(type, id, version, true);
-      $(document).trigger("numbered_pagination:enable");
+      $(".numbered_pagination").trigger("numbered_pagination:enable");
       abortController = new AbortController();
     };
 
     page.unload = function () {
       page._removeObject();
-      $(document).trigger("numbered_pagination:disable");
+      $(".numbered_pagination").trigger("numbered_pagination:disable");
       abortController?.abort();
     };
 
diff --git a/app/assets/javascripts/numbered_pagination.js b/app/assets/javascripts/numbered_pagination.js
index 6bff54fae..eabeba99e 100644
--- a/app/assets/javascripts/numbered_pagination.js
+++ b/app/assets/javascripts/numbered_pagination.js
@@ -42,17 +42,17 @@
     e.preventDefault();
   });
 
-  $(document).on("numbered_pagination:enable", function () {
+  $(document).on("numbered_pagination:enable", ".numbered_pagination", function () {
     shadowEffect = new ShadowEffect();
-    $(document).trigger("numbered_pagination:center");
+    $(this).trigger("numbered_pagination:center");
   });
 
-  $(document).on("numbered_pagination:disable", function () {
+  $(document).on("numbered_pagination:disable", ".numbered_pagination", function () {
     shadowEffect?.disable();
     shadowEffect = null;
   });
 
-  $(document).on("numbered_pagination:center", function () {
+  $(document).on("numbered_pagination:center", ".numbered_pagination", function () {
     const [scrollableList] = $("#versions-navigation-list-middle");
 
     if (!scrollableList) return;
diff --git a/app/helpers/numbered_pagination_helper.rb b/app/helpers/numbered_pagination_helper.rb
index a9d893c00..4a9b3b831 100644
--- a/app/helpers/numbered_pagination_helper.rb
+++ b/app/helpers/numbered_pagination_helper.rb
@@ -65,7 +65,7 @@ module NumberedPaginationHelper
       end
     end
 
-    tag.div safe_join(lists), :class => "d-flex align-items-start"
+    tag.div safe_join(lists), :class => "numbered_pagination d-flex align-items-start"
   end
 
   private
-- 
2.39.5