Live preview checklist indentation is offset when I navigate to another note and back

When I navigate to another note and back, the indentation of the second line and lower lines of checklists is further indented than expected. This is reproducible without plugins/themes/etc. and even in the Obsidian help file. I tried reinstalling Obsidian, deleting .obsidian folder files, and even deleting the Application Support folder in MacOS and this didn’t change. This doesn’t affect a single checklist and seems to be related to the arrangement and number of checklists on a page, perhaps having to do with other elements like hyperlinks and tags — the below arrangement reproduced the bug for me.

Steps to reproduce

Open a new empty note in live preview mode and paste the following into it without formatting (Shift + Option + Command + V on MacOS):

#test

[[Test]] 

# Test

- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
	- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
	- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
		- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
		- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
		- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

# Test

- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
	- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
	- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
		- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
		- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
		- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- [ ] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Expected result

I expect that when I navigate to a different note, then navigate back to this note, the indentation of the checklists will stay the same.

Actual result

When I navigate to a different note, then navigate back to this note, the indentation of the second line of the checklists and lower is slightly indented.

Environment

  • Operating system: MacOS Monterey 12.1, Apple Silicon

  • Debug info:

SYSTEM INFO:
	Obsidian version: v0.13.14
	Installer version: v0.13.14
	Login status: not logged in
	Insider build toggle: off
	Live preview: on
	Legacy editor: off
	Base theme: dark
	Community theme: none
	Snippets enabled: 0
	Safe mode: on

RECOMMENDATIONS:
	none

Additional information

Here’s a screenshot of what this altered indentation looks like:

Post a screen recording of this happening in the help vault.

Can repro, seems to be a special-case for fresh text copying where css is not fully applying? Subsequent revisits to the page renders consistently.

1 Like

I can’t reproduce this problem. It would be helpful to see a recording of this.

What’s wrong in the screenshot provided?

Ok I reproed This bug can be triggered in much simpler settings.

1 Like

Oh awesome! What do you think’s behind it? Anything I can do on my end or will this have to be addressed by the developers?

Also here’s the screen recording in case it’s still helpful!

ezgif-7-bc0f3ce8e2

1 Like

Wow, so the bug does appear on a single checklist item? It’s weird, when I was trying to reproduce, it seemed like it wasn’t. I did notice that different arrangements of elements in the note seemed to affect whether or not the bug appeared. Thanks so much for looking into this, @WhiteNoise!

will be fixed 0.13.20

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.

This is a harder problem than anticipated because the fix impacts other are. We’ll keep things as they are for now.

1 Like

Ok thanks for the update and staying on top of it! Hope to see a fix down the road!

Hey @WhiteNoise, I hope you’ve been well. Checking in on this issue? It’s been persistently getting in the way of what is otherwise an incredible Obsidian experience and I’m hoping there’s a fix in the works. Thank you!

I don’t think this will be prioritized because we don’t believe this is major problem.

1 Like

Ok thank you for the update!

Hi @WhiteNoise — this bug keeps persistently showing up, and in live preview now it’s not some subtle indentation difference but creates large indentations in the second line whenever I navigate to certain notes. It’s completely disrupting my editing process to have the content of each note be unstable and I’m surprised you aren’t viewing this as a more urgent problem especially with all the users who rely on checklists, and also since you’ve reproduced this bug and thus it’s appearing in the software of every new Obsidian user. Is there anything you can do to make this more of a priority? If there was some tweak I could make to the CSS to fix it myself, I would be glad to. Thank you.

In case it’s helpful, I just looked into this more and think it has something to do with the way Obsidian renders the live preview mode — these glitchy indentations in checklists seem to go away when I a) check and uncheck the checkbox, b) turn on and off a CSS snippet, c) turn off and on an option in the “editor” section of the settings. And the glitches often show up again when I scroll quickly through a long list of checklist items, when the legacy editor mode shows for a moment before the live preview renders on top of it.

We have identified where the problem is but as told in the other post, fixing this without breaking other parts is not easy and you are the only person who has even noticed this issue.

It will get addressed at some point but it’s not a priority, sorry!

1 Like