Indented text under a list item not being equally/properly indented/wrapped

Bug reports
, ,
1

Steps to reproduce

  1. Create a list item. (bullet point, checkbox)
  2. Type a long text that wraps around to a new line below it.
  3. Indent it once using tab.

Example:

- **List 1**
	Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. 
	- **List 2**
		Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. 
		- **List 3**
			Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
- [ ] **Checkbox**
	Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor.

Did you follow the troubleshooting guide? [Y/N]

Y

Expected result

I expect to see the text below the list be equally indented. When the long text wraps around to a new line, that line and subsequent ones should be on the same indentation as the first line.

It was previously correct in both Live Preview and Reading. Now it’s correct in only Reading.

The text should be indented at the yellow line.
The text should be indented at the yellow line.646×421 17 KB

Actual result

It’s basically the image above, just ignore the yellow line. The indentation seems to work properly on list levels 2 and 3 (and I assume subsequent ones), list level 1 has the issue.

Environment

SYSTEM INFO:
Obsidian version: 1.13.4
Installer version: 1.10.3
Operating system: Windows 10 Pro 10.0.19045
Login status: logged in
Language: en
Catalyst license: none
Insider build toggle: off
Live preview: on
Base theme: dark
Community theme: Minimal 9.0.2
Snippets enabled: 15
Restricted mode: off
Plugins installed: 45
Plugins enabled: 32
1: Templater v2.24.3
2: Omnisearch v1.30.1
3: Tag Wrangler v0.6.4
4: Pane Relief v0.5.9
5: Text Format v3.1.0
6: Widgets v0.0.11
7: Advanced Tables v0.23.2
8: Better Word Count v0.10.1
9: Calendar v1.5.10
10: List Callouts v1.2.9
11: Kanban v2.0.51
12: Iconic v1.1.10
13: Folder notes v1.8.26
14: Excalidraw v2.25.3
15: BRAT v2.2.0
16: Style Settings v1.0.9
17: Hider v1.6.2
18: Regex Find/Replace v1.2.0
19: Persistent Graph v0.3.2
20: X Bookmarks Sync [MODIFIED] v1.3.4.1
21: Minimal Theme Settings v8.2.3
22: Image Layouts v0.18.0
23: Explorer Colors v1.1.1
24: Dataview v0.5.68
25: Banners Reloaded v1.2.7
26: Blockquote Levels v1.1.0
27: Heading Shifter v1.12.1
28: Advanced Bases v0.5.3
29: Auto Link Title v1.5.5
30: Local Any Files [Modified] v1.3.5.1
31: Replace All [Modified] v1.1.0
32: Hotkey Helper v0.3.24

Additional information

I tested the issue on the sandbox vault, just saying. A helpful person from the Discord server stated this was “a regression, and CommonMark specs say it should be part of list item thus equally indented.”

“The commmonmark dingus confirms, and there’s at least one example (example #279) that says it’s part of the list item.”

CommonMark Spec
CommonMark Spec881×216 4.56 KB

2

thanks

3

will be fixed 1.13.5. ETA unknown.

4

I made a forum account just to share my hours of debugging and a Temporary Workaround while awaiting v1.13.5

If you’re running into this before the official fix in v1.13.5 lands, here is a quick CSS snippet workaround that fixed the visual alignment issue on my end.

The core issue stems from how CodeMirror 6 calculates tab stops for wrapped continuation text in Live Preview. Increasing the visual tab width aligns the wrapped text beneath the list item, but the in-app setting under Settings → Editor → Indent visual width caps out at 8 in the UI.

You can override that limit via a CSS snippet:

  1. Open your vault’s snippet folder (.obsidian/snippets/) and create a file named fix-indents.css.

  2. Paste the following code:

CSS

/* Workaround for CommonMark list continuation wrap alignment */
.cm-content {
  tab-size: 10 !important;
  -moz-tab-size: 10 !important;
}
  1. Go to Settings → Appearance → CSS Snippets and toggle fix-indents on.

Note: Depending on your theme (e.g., Minimal) or custom font size, you can tweak the value from 10 to 9 or 11 if the alignment is slightly off for your specific layout.