github-starred/vikunja
2
0
Fork 0
mirror of https://github.com/go-vikunja/vikunja.git synced 2026-03-25 16:01:22 -05:00
Code Issues 447 Packages Projects Releases 9 Wiki Activity

Slash Menu opens underneath Popups in Kanban #2402

New Issue
Closed
opened 2026-03-22 14:06:19 -05:00 by GiteaMirror · 4 comments
GiteaMirror commented 2026-03-22 14:06:19 -05:00
Owner
Copy Link

Originally created by @NeptunedGmbH on GitHub (Nov 4, 2025).

Description

The Slash Menu opens underneath the popup in kanban viewshttps://www.loom.com/share/1177e17951bb43a59efad84e670b2d83

Vikunja Version

v1.0.0-rc2-206-615c076f

Browser and version

latest Arc

Can you reproduce the bug on the Vikunja demo site?

Yes

Screenshots

No response

Originally created by @NeptunedGmbH on GitHub (Nov 4, 2025). ### Description The Slash Menu opens underneath the popup in kanban viewshttps://www.loom.com/share/1177e17951bb43a59efad84e670b2d83 ### Vikunja Version v1.0.0-rc2-206-615c076f ### Browser and version latest Arc ### Can you reproduce the bug on the Vikunja demo site? Yes ### Screenshots _No response_
GiteaMirror commented 2026-03-22 14:06:20 -05:00
Author
Owner
Copy Link

@coderabbitai[bot] commented on GitHub (Nov 4, 2025):

A summary of the changes CodeRabbit can apply:

  • Update frontend/src/components/input/editor/suggestion.ts (line 193) to change popupElement.style.zIndex from '1000' to '4700', so the slash menu renders above task-detail modals (z-index 4000) while remaining below system notifications.

  • Update frontend/src/components/input/editor/suggestion.ts to increase the popup element's z-index from 1000 to 4700 so the suggestion popup renders above other UI layers.

  • Executed edits - (🔄 Check again to try again)
@coderabbitai[bot] commented on GitHub (Nov 4, 2025): <!-- This is an auto-generated issue plan by CodeRabbit --> A summary of the changes CodeRabbit can apply: > - Update frontend/src/components/input/editor/suggestion.ts (line 193) to change popupElement.style.zIndex from '1000' to '4700', so the slash menu renders above task-detail modals (z-index 4000) while remaining below system notifications. > > - Update frontend/src/components/input/editor/suggestion.ts to increase the popup element's z-index from 1000 to 4700 so the suggestion popup renders above other UI layers. - [ ] <!-- {"checkboxId": "32599f3c-a2a5-4bb9-b887-dee90db62b97", "radioGroupId": "edit-actions-group-3488245581"} --> Executed edits - (🔄 Check again to try again) <!-- <agentComponentType>plan-edits</agentComponentType> --> <!-- <rawResChunk>## Summary I've successfully fixed the z-index issue where the Slash Menu was appearing behind popups in Kanban views. ### Problem Analysis When editing task descriptions in Kanban view, the task detail opens as a modal (z-index: 4000). The slash menu (editor command palette triggered by typing "/") was created with a z-index of only 1000, causing it to render behind the modal backdrop. ### Solution Applied **Changed file:** `frontend/src/components/input/editor/suggestion.ts` - **Line 193:** Updated `popupElement.style.zIndex` from `'1000'` to `'4700'` This places the slash menu above all modal components while keeping it below top-level system notifications (z-index 5000+). ### Z-Index Hierarchy The fix maintains proper layering in the application: - Regular modals: 4000 - Attachments preview: 4001 - Keyboard shortcuts button: 4500 - Hint modal: 4600 - **Slash menu: 4700** ✨ (updated) - Update notifications: 5000 - System notifications: 9999 ### Testing To verify the fix works correctly: 1. Open a Kanban view with tasks 2. Click on a task card to open the task detail modal 3. Click on the description field to edit it 4. Type "/" to trigger the slash menu 5. The slash menu should now appear above the modal, allowing full interaction with all editor commands The fix is minimal, targeted, and follows the existing z-index conventions in the codebase.</rawResChunk> --> <!-- <rawResChunk><overallGitDiffFiles>[{"path":"frontend/src/components/input/editor/suggestion.ts","isNew":false,"isDeleted":false,"isRenamed":false,"hunks":[{"oldStart":190,"oldLines":7,"newStart":190,"newLines":7,"lines":[{"type":"context","content":"\t\t\t\t\tpopupElement.style.position = 'absolute'","oldLineNumber":190,"newLineNumber":190},{"type":"context","content":"\t\t\t\t\tpopupElement.style.top = '0'","oldLineNumber":191,"newLineNumber":191},{"type":"context","content":"\t\t\t\t\tpopupElement.style.left = '0'","oldLineNumber":192,"newLineNumber":192},{"type":"deletion","content":"\t\t\t\t\tpopupElement.style.zIndex = '1000'","oldLineNumber":193},{"type":"addition","content":"\t\t\t\t\tpopupElement.style.zIndex = '4700'","newLineNumber":193},{"type":"context","content":"\t\t\t\t\tpopupElement.appendChild(component.element!)","oldLineNumber":194,"newLineNumber":194},{"type":"context","content":"\t\t\t\t\tdocument.body.appendChild(popupElement)","oldLineNumber":195,"newLineNumber":195},{"type":"context","content":"","oldLineNumber":196,"newLineNumber":196}]}]}]</overallGitDiffFiles></rawResChunk> --> <!-- <rawResChunk><planSummary>- Update frontend/src/components/input/editor/suggestion.ts (line 193) to change popupElement.style.zIndex from '1000' to '4700', so the slash menu renders above task-detail modals (z-index 4000) while remaining below system notifications. - Update frontend/src/components/input/editor/suggestion.ts to increase the popup element's z-index from 1000 to 4700 so the suggestion popup renders above other UI layers.</planSummary></rawResChunk> -->
GiteaMirror commented 2026-03-22 14:06:21 -05:00
Author
Owner
Copy Link

@coderabbitai[bot] commented on GitHub (Nov 5, 2025):

Caution

The CodeRabbit agent failed during execution: Clone operation failed: Stream setup permanently failed: 14 UNAVAILABLE: upstream connect error or disconnect/reset before headers. reset reason: connection termination

@coderabbitai[bot] commented on GitHub (Nov 5, 2025): <!-- This is an auto-generated reply by CodeRabbit --> > [!CAUTION] > The CodeRabbit agent failed during execution: Clone operation failed: Stream setup permanently failed: 14 UNAVAILABLE: upstream connect error or disconnect/reset before headers. reset reason: connection termination
GiteaMirror commented 2026-03-22 14:06:22 -05:00
Author
Owner
Copy Link

@coderabbitai[bot] commented on GitHub (Nov 5, 2025):

Caution

The CodeRabbit agent's plans did not produce any file changes.

@coderabbitai[bot] commented on GitHub (Nov 5, 2025): <!-- This is an auto-generated reply by CodeRabbit --> > [!CAUTION] > The CodeRabbit agent's plans did not produce any file changes.
GiteaMirror commented 2026-03-22 14:06:22 -05:00
Author
Owner
Copy Link

@github-actions[bot] commented on GitHub (Nov 5, 2025):

This issue has been fixed in #1752, please check with the next unstable build (should be ready for deployment in ~30min, also on the demo).

@github-actions[bot] commented on GitHub (Nov 5, 2025): This issue has been fixed in #1752, please check with the next unstable build (should be ready for deployment in ~30min, also on [the demo](https://try.vikunja.io)).
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
area/api
area/caldav
area/filters
area/frontend
area/gantt
area/internal-code
area/typesense
bug
changes requested
confirmed
dependencies
enhancement
good first issue
help wanted
kind/bug
kind/feature
needs reproduction
pull-request
Mirrored from GitHub Pull Request
 question
security
support
upstream issue
waiting for reply
wontfix
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/vikunja#2402
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?