Heading collapse indicator is displaced in Reading Mode and dots don't appear when collapsed

Bug graveyard
,
1

Heading collapse indicator is displaced in Reading Mode and dots don’t appear when collapsed

Steps to reproduce

  1. Create a heading
  2. Go to Reading Mode
  3. Hover the created heading

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

Y

Expected result

The heading collapse indicator should be beside the hovered heading, and when clicked the heading should collapse and 3 dots (“…”) should appear after the heading.

Actual result

The heading collapse indicator is on the top of the note, and when clicked, the 3 dots (“…”) do not appear.

example

Environment

SYSTEM INFO:
Obsidian version: v1.7.6
Installer version: v1.4.13
Operating system: Windows 10 Pro 10.0.26100
Login status: not logged in
Language: en
Insider build toggle: off
Live preview: on
Base theme: adapt to system
Community theme: none
Snippets enabled: 0
Restricted mode: on

Additional information

I believe that the displacement problem is caused by the following CSS rule:

.markdown-preview-view .collapse-indicator {
    top: 0;
}

This rule is defined here: “app.css:5564”.

The following CSS snippet solves the displacement issue:

.markdown-preview-view .collapse-indicator {
    top: inherit;
}
4 Likes
2

thanks

1 Like
3

Same issue

image
image936×114 2.77 KB

Please fix it

1 Like
4

All the Heading (###) unfold arrows stacked on top right with the latest update

5

Addition. If there are several headings and some of them are opened or closed in editor mode, then in viewing mode they will remain in the same state and it will be impossible to change their state, since the corresponding markers are not displayed. Only for the lowest heading there is a marker that is displayed at the top of the note, as in the author’s video

6

Same issue the “>” won`t appear or displaced in reading mode

7

it will be fixed v1.7.7

2 Likes
8

Is there a release date? Thanks

9

No ETAs, sorry.

10

Yes seems that there’s CSS error in app.css where the arrow is positioned to top: 0 so all arrows stack to the very top.

.markdown-preview-view .collapse-indicator {
    position: absolute;
    /* top: 0; */
    cursor: var(--cursor);
}
11

Aqui também está acontecendo o mesmo problema, O indicador de recolhimento do título não está funcionando no Modo de Leitura