[PR #2367] [MERGED] fix(menu): prevent dropdown from closing when cursor crosses offset gap #8218

New Issue

2026-04-20T18:05:45-05:00

GiteaMirror commented

2026-04-20 18:05:45 -05:00

📋 Pull Request Information

Original PR: https://github.com/go-vikunja/vikunja/pull/2367
Author: @n-nkm
Created: 3/5/2026
Status: ✅ Merged
Merged: 3/5/2026
Merged by: @kolaente

Base: main ← Head: main

📝 Commits (2)

6ac9d57 fix(frontend): Add an invisible inset element between buttons and dropdown elements
17f521c Merge branch 'main' of github.com:n-nkm/vikunja

📊 Changes

1 file changed (+10 additions, -1 deletions)

View changed files

📝 frontend/src/components/misc/Dropdown.vue (+10 -1)

📄 Description

Fix #2311 by adding an invisible ::before inset element that is as big as the offset from floating UI so the cursor does not accidentally hover a different, underlying element and closes the dropdown.

Added the offset as a style variable so any future changes don't bring up a "magic number" issue.

Testing efforts:

Ran unit tests in frontend
Tested (manually) several resolutions ranging from 1920X1080 to 800 x 400 (so the hover goes from the bottom up)
Cross checked the secondary dropdown on the top right to keep working

I did NOT get playwright to run on this setup, unfortunately. I would appreciate if somebody could run it through

_{🔄 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/2367 **Author:** [@n-nkm](https://github.com/n-nkm) **Created:** 3/5/2026 **Status:** ✅ Merged **Merged:** 3/5/2026 **Merged by:** [@kolaente](https://github.com/kolaente) **Base:** `main` ← **Head:** `main` --- ### 📝 Commits (2) - [`6ac9d57`](https://github.com/go-vikunja/vikunja/commit/6ac9d57c90b1c00e89f091ffcdb500ecc3805950) fix(frontend): Add an invisible inset element between buttons and dropdown elements - [`17f521c`](https://github.com/go-vikunja/vikunja/commit/17f521c3ee43314ba400562f81b4d89d41123d7d) Merge branch 'main' of github.com:n-nkm/vikunja ### 📊 Changes **1 file changed** (+10 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/misc/Dropdown.vue` (+10 -1) </details> ### 📄 Description Fix #2311 by adding an invisible ::before inset element that is as big as the offset from floating UI so the cursor does not accidentally hover a different, underlying element and closes the dropdown. Added the offset as a style variable so any future changes don't bring up a "magic number" issue. Testing efforts: - Ran unit tests in frontend - Tested (manually) several resolutions ranging from 1920X1080 to 800 x 400 (so the hover goes from the bottom up) - Cross checked the secondary dropdown on the top right to keep working I did NOT get playwright to run on this setup, unfortunately. I would appreciate if somebody could run it through --- <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:05:45 -05:00

GiteaMirror closed this issue

2026-04-20 18:05:45 -05:00

Sign in to join this conversation.

Branches Tags

main

renovate/aws-sdk-go-v2-monorepo

fix-notifications-read-check

fix-notify-revoked-access

fix-sqlite-index-detection

gh-readonly-queue/main/pr-3321-82a29d4c93f728355da32ca8f04077160bf75647

renovate/basic-ftp-6.x

renovate/ip-address-10.x

renovate/docker-login-action-4.x

renovate/major-dev-dependencies

fix-ticktick-parent-cycle

pr-swarm-assets

fix-multiline-add-task-order

feat-run-as-user

fix-sr-findings

claude/task-event-field-changes-ws73g2

feat-mcp

feat-audit-sinks

claude/per-user-feature-toggles-vqlg8x

docs-v2-query-param

feat-project-templates

claude/veans-question-xBFkq

spike-huma-openapi3

claude/investigate-swagger3-support-nyyUa

feat-list-view-buckets

ci-mysql-8-test

codex/analyze-codebase-for-email-task-feature

csv-import-feature

claude/email-reply-comments-wpdcQ

fix-oidc-pkce-support

fix/overview-subtasks-expand

feat/bucket-select-task-detail

feat-soft-delete-projects

claude/review-bot-design-plan-cf5C3

claude/project-scoped-api-tokens-KTqR3

claude/explore-openclaw-integration-KQEzg

claude/project-scoped-api-tokens-yv5KS

fix-duplicate-close-button

feat-list-view-sorting

feat/official-vite-sentry-plugin

feat/highlight-overdue-tasks

feat/add-enter-key-form-submission-handling

feat/TipTap-nits

feat/update-caldavtimetotimestamp-parsing

feat-phosphor-icons

wip-plans

claude/investigate-issue-2173-llKme

fix-description-text-drag

feat-custom-keyboard-shortcuts

pr-1845-ci

codex/fix-drag-and-drop-behavior-inconsistency

copilot/add-clickable-labels-for-filtering

copilot/fix-issue-1786

playwright-migration

fix-kanban-repeating-wip

copilot/fix-1498

feature/replace-axios

codex/upgrade-to-tailwind-4.1.8-using-pnpm

codex/add-cypress-test-for-avatar-types

feature/biome

feature/oxc

codex/update-flexsearch-to-0.8.205

4r6ni9-codex/fix-deprecated-sass-@import-usage

codex/fix-deprecated-sass-@import-usage

codex/add-cypress-test-for-task-list-refresh-fix

codex/fix-quick-add-magic-not-adding-tasks

codex/fix-all-type-errors

codex/fix-mimetype-for-docs.json

feature/caldav-from-scratch

feature/gh-actions-hetzner

fix-ci

feat/new-logger

jyte-better-dev-config

feat/add-team-member-with-enter

fix/button-and-icon-types

fix/notifications-component-name-collision

feature/null-time

renovate/tailwindcss-4.x

feature/unplugin-vue-router

fix/deprecated-import

feature/zod-schema

renovate/golangci-golangci-lint-1.x

fix/tiptap-editor-reactive-destructuring

release/0.24

feat/improve-add-task

fix/saved-filter-search

feat/webp-and-avif-attachment-previews

feature/migrate-back-to-bulma

fix/sass-add-missing-list-import

feature/sticky-demo-bar

fix/gantt-view-switch

feature/typesense-position-join

feature/focus-visible

dependencies/golangci-lint

feature/better-filter-syntax

fix/tiptap-task-list

renovate/github.com-golang-jwt-jwt-v4-5.x

feature/hide-forbidden-related-tasks

renovate/golang-1.x

release/0.20

release/0.17

release/0.16

release/0.15

release/0.14

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/vikunja#8218