From d0fd82f26afa9f9b6fba76a95d1d752566f79d05 Mon Sep 17 00:00:00 2001
From: Artem Nistuley <artem@harbourshare.com>
Date: Tue, 24 Feb 2026 14:08:31 +0200
Subject: [PATCH] fix: active track change

---
 packages/layout-engine/painters/dom/src/renderer.ts | 4 ++++
 packages/layout-engine/painters/dom/src/styles.ts   | 8 ++++++++
 2 files changed, 12 insertions(+)

diff --git a/packages/layout-engine/painters/dom/src/renderer.ts b/packages/layout-engine/painters/dom/src/renderer.ts
index ee92278766..e8ed78c494 100644
--- a/packages/layout-engine/painters/dom/src/renderer.ts
+++ b/packages/layout-engine/painters/dom/src/renderer.ts
@@ -683,6 +683,7 @@ const TRACK_CHANGE_BASE_CLASS: Record<TrackedChangeKind, string> = {
   delete: 'track-delete-dec',
   format: 'track-format-dec',
 };
+const TRACK_CHANGE_FOCUSED_CLASS = 'track-change-focused';
 
 const TRACK_CHANGE_MODIFIER_CLASS: Record<TrackedChangeKind, Record<TrackedChangesMode, string | undefined>> = {
   insert: {
@@ -5537,6 +5538,9 @@ export class DomPainter {
     if (meta.date) {
       elem.dataset.trackChangeDate = meta.date;
     }
+    if (this.activeCommentId && meta.id === this.activeCommentId) {
+      elem.classList.add(TRACK_CHANGE_FOCUSED_CLASS);
+    }
   }
 
   /**
diff --git a/packages/layout-engine/painters/dom/src/styles.ts b/packages/layout-engine/painters/dom/src/styles.ts
index 0b936c1ff4..6f229c85a9 100644
--- a/packages/layout-engine/painters/dom/src/styles.ts
+++ b/packages/layout-engine/painters/dom/src/styles.ts
@@ -249,6 +249,14 @@ const TRACK_CHANGE_STYLES = `
 .superdoc-layout .track-format-dec.highlighted {
   border-bottom: 2px solid gold;
 }
+
+.superdoc-layout .track-insert-dec.highlighted.track-change-focused {
+  border-width: 2px;
+}
+
+.superdoc-layout .track-delete-dec.highlighted.track-change-focused {
+  border-width: 2px;
+}
 `;
 
 /**