[PR #378] [MERGED] UI: Make multiple item selection work on macOS #541

New issue

Closed

opened 2026-03-15 14:24:56 +03:00 by kerem · 0 comments

kerem commented

2026-03-15 14:24:56 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/axllent/mailpit/pull/378
Author: @twobiers
Created: 10/23/2024
Status: ✅ Merged
Merged: 10/24/2024
Merged by: @axllent

Base: feature/multi-select-macos ← Head: develop

📝 Commits (2)

62c7a34 UI: Make multiple tag selection work on macOS
e052a09 UI: Allow click+meta key combination to select messages in list

📊 Changes

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

View changed files

📝 server/ui-src/components/ListMessages.vue (+2 -1)
📝 server/ui-src/components/NavTags.vue (+2 -2)

📄 Description

The Feature to select multiple tags in the UI (#216) does not work properly on macOS. The problem is that on MacOS, the Ctrl key is typically used in conjunction with other keys, such as the Cmd key, to perform system-level functions. As a result, the Ctrl key is not always recognized as a modifier key in Vue.js applications.

This change introduces the usage of the mod key as a fallback, as there is currently no nice way to select between Ctrl/Mod based on the platform. See https://github.com/vuejs/vue/issues/4843 for discussion.

_{🔄 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/axllent/mailpit/pull/378 **Author:** [@twobiers](https://github.com/twobiers) **Created:** 10/23/2024 **Status:** ✅ Merged **Merged:** 10/24/2024 **Merged by:** [@axllent](https://github.com/axllent) **Base:** `feature/multi-select-macos` ← **Head:** `develop` --- ### 📝 Commits (2) - [`62c7a34`](https://github.com/axllent/mailpit/commit/62c7a3453fa391af8241b0281d2d2f9339948a87) UI: Make multiple tag selection work on macOS - [`e052a09`](https://github.com/axllent/mailpit/commit/e052a0922aec400bef6b3118559c012bc216b556) UI: Allow click+meta key combination to select messages in list ### 📊 Changes **2 files changed** (+4 additions, -3 deletions) <details> <summary>View changed files</summary> 📝 `server/ui-src/components/ListMessages.vue` (+2 -1) 📝 `server/ui-src/components/NavTags.vue` (+2 -2) </details> ### 📄 Description The Feature to select multiple tags in the UI (#216) does not work properly on macOS. The problem is that on MacOS, the Ctrl key is typically used in conjunction with other keys, such as the Cmd key, to perform system-level functions. As a result, the Ctrl key is not always recognized as a modifier key in Vue.js applications. This change introduces the usage of the mod key as a fallback, as there is currently no nice way to select between Ctrl/Mod based on the platform. See https://github.com/vuejs/vue/issues/4843 for discussion. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>