Left area with header links and drag handles not usable

[arnowelzel]

Describe the bug In the regular text editor there are additional handles on the left side for dragging sections or to link to headers.

However in Collectives these elements are invisible.

To Reproduce Steps to reproduce the behavior:

1. Create a page in Collectives with some sections and headers.
2. Move the mouse over a header or a section.
3. See the error - there is no visible indication for links or drag handles.

Expected behavior The text editor in Collectives works in the same way as the editor for Markdown files outside Collectives.

Screenshots Video how the regular editor works:

https://github.com/user-attachments/assets/2e1c2e05-6292-4760-bacb-fe3ab7ba041b

And this is the same page in Collectives - the indicators for header links are only small fragments, nearly invisible and the drag handles are completely gone:

https://github.com/user-attachments/assets/7f9f6b38-0144-4be8-842d-e0ad956cadec

Server details:

• Collectives app version: 3.30
• Nextcloud version: 32.0.1
• PHP Version: 8.4
• Database: MariaDB 10.11

Client details:

• OS: Windows 11
• Browser: Firefox, Chrome, Vivaldi, Edge
• Browser version: latest versions as of 2025-11-04
• Device: Desktop

[arnowelzel]

My current workaround using Custom CSS is as following:

.sheet-view [data-collectives-el=editor],
.sheet-view [data-collectives-el=reader] {
  width: 100% !important;
}
div[contenteditable=false] + div .drag-handle {
  display: none !important;
}
.editor--outline {
  translate: none !important;
}

This makes the side areas visible, so the editor in Collectives behaves the same as the standalone version. In the read only view the second rule hides the drag handle, since it has no meaning there and wouldn't work anyway.

However the outline is then also moved way too left - even inside the left sidebar - depending on the viewport width. This is compensated with the third rule which makes sure, the outline position is not translated but the box stays just right to the left sidebar.

This would then look like this (outline enabled, header link icons visible when hovering the header):

And when editing, the drag handles also display:

[slepkaviba]

This issue is super annoying. Especially with lines like code blocks/files where moving them around is close to impossible.