1 files changed, 22 insertions, 0 deletions
diff --git a/app/javascript/controllers/sticky_issue_header_controller.js b/app/javascript/controllers/sticky_issue_header_controller.js
new file mode 100644
index 000000000..aebc7d2dc
--- /dev/null
+++ b/app/javascript/controllers/sticky_issue_header_controller.js
@@ -0,0 +1,22 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  static targets = ["original", "stickyHeader"];
+
+  connect() {
+    if (!this.originalTarget || !this.stickyHeaderTarget) return;
+
+    this.observer = new IntersectionObserver(
+      ([entry]) => {
+        this.stickyHeaderTarget.classList.toggle("is-visible", !entry.isIntersecting);
+      },
+      { threshold: 0 }
+    );
+
+    this.observer.observe(this.originalTarget);
+  }
+
+  disconnect() {
+    this.observer?.disconnect();
+  }
+}