Editor menu in description glitched
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 1.4k
- Forks
- 354
- Avg merge
- 1d 10h
- Merged PRs (30d)
- 43
Description
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:
- Ensure the Text app is installed and enabled (Deck uses OCA.Text.createEditor for card descriptions when Text is available).
- Open Deck and open a board.
- In Description, use the rich text editor (not the legacy plain Markdown editor).
- Insert a table (e.g. 2×2) in the description.
- Click a toolbar control that opens a popover over the editor, for example:
- Headings (H1/H2/…), or Insert link, or Emoji / other menu that uses a floating popover.
- 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
I don't have this issue in text editor
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
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with Deck's description editor embedding through OCA.Text.createEditor and inspect the styles for .description__text, .text-menubar, and .v-popper__popper. Compare the embedded editor with the standalone Text app using a table and toolbar popover. Done means headings, links, emoji, and other floating menus render above table cells in sidebar and modal descriptions.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100