Skip to content

Editor menu in description glitched #7789

@mael-chouteau

Description

@mael-chouteau

How to use GitHub

  • Please use the 👍 reaction to show that you are affected by the same issue.
  • Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
  • Subscribe to receive notifications on status change and new comments.

Describe the bug
When editing a card description with the Text rich editor (Markdown with toolbar), inserting a table causes floating UI from the editor (toolbar dropdowns / v-popper popovers, e.g. headings, links) to render under the table cells instead of on top. The same editor behaves correctly in the standalone Text app, so the issue appears specific to how Deck embeds the editor (e.g. sidebar / modal + low z-index on .text-menubar).

To Reproduce
Steps to reproduce the behavior:

  1. Ensure the Text app is installed and enabled (Deck uses OCA.Text.createEditor for card descriptions when Text is available).
  2. Open Deck and open a board.
  3. In Description, use the rich text editor (not the legacy plain Markdown editor).
  4. Insert a table (e.g. 2×2) in the description.
  5. Click a toolbar control that opens a popover over the editor, for example:
  6. Headings (H1/H2/…), or Insert link, or Emoji / other menu that uses a floating popover.
  7. Observe that the popover appears below the table (partially or fully hidden behind table cells), while it should appear above the table content.

Optional check: repeat a similar action in Files → Text (or open a .md file with Text): with a table in the document, the same popovers should display correctly above the table.

Expected behavior
All editor toolbars and popover menus should render above the description content, including tables

Screenshots

Image Image

I don't have this issue in text editor

Image

Client details
OS: Linux and Windows
Browser: Chrome and Firefox
Version: 146.0.7680.164 / 148.0.2
Device: Laptop and Desktop

Additional context (for developers)
The Deck app styles .description__text .text-menubar with a very low z-index (e.g. 1), while sticky sidebar chrome uses higher values (e.g. 100). ProseMirror tables add stacking contexts, so v-popper popovers can paint under the table. A possible fix is raising z-index for .text-menubar and .v-popper__popper within .description__text (as tested with temporary CSS in DevTools).

const s = document.createElement('style');
s.textContent = .app-sidebar__tab .description__text .text-menubar { z-index: 5000 !important; } .modal__card .description__text .text-menubar { z-index: 5000 !important; } .description__text .v-popper__popper { z-index: 5001 !important; };
document.head.appendChild(s);

Operating system:
Ubuntu server 24.04
Web server:
apache2
Database:
mysql8.4
PHP version:
php8.3
Nextcloud version: (see Nextcloud admin page)
33.0.0
Where did you install Nextcloud from:
Official docs

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    📄 To do (~10 entries)

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions