Lists Alignment in Tables

[rami-shalhoub]

Description

When placing a list (ordered or unordered) in a table and changing the alignment of the cell to centre or right the list doesn't render correctly
meanwhile only the checklist renders correctly

TriliumNext Version

0.101.3

What operating system are you using?

Other Linux

What is your setup?

Local (no sync)

Operating System Version

Tuxedo OS 24.04

Error logs

No response

[dosubot]

This is a known issue caused by how CKEditor 5 (which TriliumNext uses) handles table alignment. When you set a table cell to center or right alignment, CKEditor applies CSS like float:left or float:right to the table, which can break the expected rendering of lists inside those cells—bulleted and numbered lists often lose their proper alignment or overlap with cell content. Checklists may render better because their HTML structure and CSS classes differ from standard lists, but even they can show inconsistent alignment depending on the content and how it's wrapped (e.g., in <span> vs <div> elements) source.

TriliumNext does not currently support injecting custom CSS into the editor content, so there’s no built-in way to fix this from the Trilium side. The best workaround (if you have access to theme files) is to add a CSS rule like:

.ck-content li > table[style*="float:left"] {
  margin-left: 2em; /* Adjust as needed */
}

But this is not possible out-of-the-box. The issue is tracked upstream in CKEditor 5 (#17932, #19202), so future updates to CKEditor may resolve it. For now, the rendering of lists in table cells with non-default alignment will remain inconsistent in TriliumNext source.

To reply, just mention @dosu.

---

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