diff --git a/website/client/src/components/tasks/task.vue b/website/client/src/components/tasks/task.vue index d6e78fdd98..45957cf217 100644 --- a/website/client/src/components/tasks/task.vue +++ b/website/client/src/components/tasks/task.vue @@ -976,10 +976,18 @@ export default { edit (e, task) { if (this.isRunningYesterdailies || !this.showEdit) return; - // Prevent clicking on a link from opening the edit modal const target = e.target || e.srcElement; - if (target.tagName === 'A') return; // clicked on a link + /* + * Prevent clicking on a link from opening the edit modal + * + * Ascend up the ancestors of the click target, up until the node defining the click handler. + * If any of them is an element, don't open the edit task popup. + * Needed in case of a link, with a bold and/or italic link description + */ + for (let element = target; !element.classList.contains('task-clickable-area'); element = element.parentNode) { + if (element.tagName === 'A') return; // clicked on a link + } const isDropdown = this.$refs.taskDropdown && this.$refs.taskDropdown.$el.contains(target); const isEditAction = this.$refs.editTaskItem && this.$refs.editTaskItem.contains(target);