[PR #2626] [MERGED] fix(frontend): render editor popups inside modal dialog top-layer #8411

Closed
opened 2026-04-20 18:12:04 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/go-vikunja/vikunja/pull/2626
Author: @tink-bot
Created: 4/15/2026
Status: Merged
Merged: 4/15/2026
Merged by: @kolaente

Base: mainHead: fix-mention-popup-dialog


📝 Commits (1)

  • 22af7c8 fix(frontend): render editor popups inside modal dialog top-layer

📊 Changes

3 files changed (+18 additions, -4 deletions)

View changed files

📝 frontend/src/components/input/editor/mention/mentionSuggestion.ts (+4 -2)
frontend/src/components/input/editor/popupContainer.ts (+11 -0)
📝 frontend/src/components/input/editor/suggestion.ts (+3 -2)

📄 Description

Slash-command menu and user mention suggestions rendered behind the task detail modal because the task modal uses a native <dialog> with showModal() (top-layer), while popups were appended to document.body and couldn't paint above the top-layer regardless of z-index.

Fixes #2625


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/go-vikunja/vikunja/pull/2626 **Author:** [@tink-bot](https://github.com/tink-bot) **Created:** 4/15/2026 **Status:** ✅ Merged **Merged:** 4/15/2026 **Merged by:** [@kolaente](https://github.com/kolaente) **Base:** `main` ← **Head:** `fix-mention-popup-dialog` --- ### 📝 Commits (1) - [`22af7c8`](https://github.com/go-vikunja/vikunja/commit/22af7c85d3e1c1c6f38effc5c80ceb6db2e549e6) fix(frontend): render editor popups inside modal dialog top-layer ### 📊 Changes **3 files changed** (+18 additions, -4 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/input/editor/mention/mentionSuggestion.ts` (+4 -2) ➕ `frontend/src/components/input/editor/popupContainer.ts` (+11 -0) 📝 `frontend/src/components/input/editor/suggestion.ts` (+3 -2) </details> ### 📄 Description Slash-command menu and user mention suggestions rendered behind the task detail modal because the task modal uses a native `<dialog>` with `showModal()` (top-layer), while popups were appended to `document.body` and couldn't paint above the top-layer regardless of z-index. Fixes #2625 --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-20 18:12:04 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/vikunja#8411