The font in the right navigation bar does not match the font in the editing page.

[Abcisme6464]

Description

After modifying the style of the title content on the editing page, the right-hand navigation bar does not update in real time. You need to add some more content before the navigation bar's style displays correctly.

TriliumNext Version

0.102.1

What operating system are you using?

Windows

What is your setup?

Server access only

Operating System Version

docker 20.10.3-1308

Error logs

No response

[dosubot]

Hi @Abcisme6464! I'm Dosu and I’m helping the Trilium team.

Thanks for reporting this! After looking at the code, I found there are actually two separate issues here:

1. Font mismatch (expected behavior): The Table of Contents panel has its own independent CSS styling and doesn't inherit the editor's base font-family. The TOC only preserves inline styles (bold, italic, colors) from headings via innerHTML extraction, but not the editor's CSS properties like font-family.

2. Delayed style updates (likely a bug): The TOC listens to CKEditor's change:data event and should update when heading styles change. However, the update is wrapped in requestAnimationFrame and relies on CKEditor's internal DOM conversion timing, which may cause race conditions. This could explain why adding more content triggers the update — it forces a fresh rebuild.

Similar TOC timing issues were reported after the v0.101.0 layout refactor, so this may be a related regression.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}