Skip to content

Conversation

@Aslam97
Copy link
Member

@Aslam97 Aslam97 commented Dec 22, 2025

Changes Overview

Fixes an issue where clicking on images (and other non-link elements) required multiple clicks to properly select them.

Implementation Approach

  • Move link element detection to the beginning of the click handler
  • Early return false when the clicked element is not a link

Testing Done

Added unit tests

Checklist

  • I have created a changeset for this PR if necessary.
  • My changes do not break the library.
  • I have added tests where applicable.
  • I have followed the project guidelines.
  • I have fixed any lint issues.

Related Issues

#7347

Copilot AI review requested due to automatic review settings December 22, 2025 10:01
@changeset-bot
Copy link

changeset-bot bot commented Dec 22, 2025

🦋 Changeset detected

Latest commit: d9b87aa

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 71 packages
Name Type
@tiptap/extension-link Patch
@tiptap/starter-kit Patch
@tiptap/core Patch
@tiptap/extension-blockquote Patch
@tiptap/extension-bold Patch
@tiptap/extension-bubble-menu Patch
@tiptap/extension-bullet-list Patch
@tiptap/extension-code-block-lowlight Patch
@tiptap/extension-code-block Patch
@tiptap/extension-code Patch
@tiptap/extension-collaboration-caret Patch
@tiptap/extension-collaboration Patch
@tiptap/extension-color Patch
@tiptap/extension-details Patch
@tiptap/extension-document Patch
@tiptap/extension-drag-handle-react Patch
@tiptap/extension-drag-handle-vue-2 Patch
@tiptap/extension-drag-handle-vue-3 Patch
@tiptap/extension-drag-handle Patch
@tiptap/extension-emoji Patch
@tiptap/extension-file-handler Patch
@tiptap/extension-floating-menu Patch
@tiptap/extension-font-family Patch
@tiptap/extension-hard-break Patch
@tiptap/extension-heading Patch
@tiptap/extension-highlight Patch
@tiptap/extension-horizontal-rule Patch
@tiptap/extension-image Patch
@tiptap/extension-invisible-characters Patch
@tiptap/extension-italic Patch
@tiptap/extension-list Patch
@tiptap/extension-mathematics Patch
@tiptap/extension-mention Patch
@tiptap/extension-node-range Patch
@tiptap/extension-ordered-list Patch
@tiptap/extension-paragraph Patch
@tiptap/extension-strike Patch
@tiptap/extension-subscript Patch
@tiptap/extension-superscript Patch
@tiptap/extension-table-of-contents Patch
@tiptap/extension-table Patch
@tiptap/extension-text-align Patch
@tiptap/extension-text-style Patch
@tiptap/extension-text Patch
@tiptap/extension-twitch Patch
@tiptap/extension-typography Patch
@tiptap/extension-underline Patch
@tiptap/extension-unique-id Patch
@tiptap/extension-youtube Patch
@tiptap/extensions Patch
@tiptap/html Patch
@tiptap/markdown Patch
@tiptap/pm Patch
@tiptap/react Patch
@tiptap/static-renderer Patch
@tiptap/suggestion Patch
@tiptap/vue-2 Patch
@tiptap/vue-3 Patch
@tiptap/extension-character-count Patch
@tiptap/extension-dropcursor Patch
@tiptap/extension-focus Patch
@tiptap/extension-gapcursor Patch
@tiptap/extension-history Patch
@tiptap/extension-list-item Patch
@tiptap/extension-list-keymap Patch
@tiptap/extension-placeholder Patch
@tiptap/extension-table-cell Patch
@tiptap/extension-table-header Patch
@tiptap/extension-table-row Patch
@tiptap/extension-task-item Patch
@tiptap/extension-task-list Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@netlify
Copy link

netlify bot commented Dec 22, 2025

Deploy Preview for tiptap-embed ready!

Name Link
🔨 Latest commit d9b87aa
🔍 Latest deploy log https://app.netlify.com/projects/tiptap-embed/deploys/6964c9c94fe9cd0008cacb61
😎 Deploy Preview https://deploy-preview-7359--tiptap-embed.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR fixes a bug where clicking on non-link elements (such as images) inside the editor required multiple clicks to properly select them. The root cause was that the link click handler was processing all clicks before determining if the target was actually a link, preventing other handlers from processing non-link clicks.

Key changes:

  • Moved link element detection to the beginning of the click handler
  • Added early return when the clicked element is not a link
  • Improved the parent element traversal logic to prevent potential null pointer errors

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

File Description
packages/extension-link/src/helpers/clickHandler.ts Refactored click handler to detect and early-return for non-link elements, fixing the selection issue
packages/extension-link/tests/link.spec.ts Added test case to verify non-link elements (images) can be clicked without interference from the link handler
.changeset/fast-moons-chew.md Added changeset documenting the bug fix for users

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@pkg-pr-new
Copy link

pkg-pr-new bot commented Dec 22, 2025

Open in StackBlitz

@tiptap/core

npm i https://pkg.pr.new/@tiptap/core@7359

@tiptap/extension-blockquote

npm i https://pkg.pr.new/@tiptap/extension-blockquote@7359

@tiptap/extension-bold

npm i https://pkg.pr.new/@tiptap/extension-bold@7359

@tiptap/extension-bubble-menu

npm i https://pkg.pr.new/@tiptap/extension-bubble-menu@7359

@tiptap/extension-bullet-list

npm i https://pkg.pr.new/@tiptap/extension-bullet-list@7359

@tiptap/extension-code

npm i https://pkg.pr.new/@tiptap/extension-code@7359

@tiptap/extension-code-block

npm i https://pkg.pr.new/@tiptap/extension-code-block@7359

@tiptap/extension-code-block-lowlight

npm i https://pkg.pr.new/@tiptap/extension-code-block-lowlight@7359

@tiptap/extension-collaboration

npm i https://pkg.pr.new/@tiptap/extension-collaboration@7359

@tiptap/extension-collaboration-caret

npm i https://pkg.pr.new/@tiptap/extension-collaboration-caret@7359

@tiptap/extension-color

npm i https://pkg.pr.new/@tiptap/extension-color@7359

@tiptap/extension-details

npm i https://pkg.pr.new/@tiptap/extension-details@7359

@tiptap/extension-document

npm i https://pkg.pr.new/@tiptap/extension-document@7359

@tiptap/extension-drag-handle

npm i https://pkg.pr.new/@tiptap/extension-drag-handle@7359

@tiptap/extension-drag-handle-react

npm i https://pkg.pr.new/@tiptap/extension-drag-handle-react@7359

@tiptap/extension-drag-handle-vue-2

npm i https://pkg.pr.new/@tiptap/extension-drag-handle-vue-2@7359

@tiptap/extension-drag-handle-vue-3

npm i https://pkg.pr.new/@tiptap/extension-drag-handle-vue-3@7359

@tiptap/extension-emoji

npm i https://pkg.pr.new/@tiptap/extension-emoji@7359

@tiptap/extension-file-handler

npm i https://pkg.pr.new/@tiptap/extension-file-handler@7359

@tiptap/extension-floating-menu

npm i https://pkg.pr.new/@tiptap/extension-floating-menu@7359

@tiptap/extension-font-family

npm i https://pkg.pr.new/@tiptap/extension-font-family@7359

@tiptap/extension-hard-break

npm i https://pkg.pr.new/@tiptap/extension-hard-break@7359

@tiptap/extension-heading

npm i https://pkg.pr.new/@tiptap/extension-heading@7359

@tiptap/extension-highlight

npm i https://pkg.pr.new/@tiptap/extension-highlight@7359

@tiptap/extension-horizontal-rule

npm i https://pkg.pr.new/@tiptap/extension-horizontal-rule@7359

@tiptap/extension-image

npm i https://pkg.pr.new/@tiptap/extension-image@7359

@tiptap/extension-invisible-characters

npm i https://pkg.pr.new/@tiptap/extension-invisible-characters@7359

@tiptap/extension-italic

npm i https://pkg.pr.new/@tiptap/extension-italic@7359

@tiptap/extension-link

npm i https://pkg.pr.new/@tiptap/extension-link@7359

@tiptap/extension-list

npm i https://pkg.pr.new/@tiptap/extension-list@7359

@tiptap/extension-mathematics

npm i https://pkg.pr.new/@tiptap/extension-mathematics@7359

@tiptap/extension-mention

npm i https://pkg.pr.new/@tiptap/extension-mention@7359

@tiptap/extension-node-range

npm i https://pkg.pr.new/@tiptap/extension-node-range@7359

@tiptap/extension-ordered-list

npm i https://pkg.pr.new/@tiptap/extension-ordered-list@7359

@tiptap/extension-paragraph

npm i https://pkg.pr.new/@tiptap/extension-paragraph@7359

@tiptap/extension-strike

npm i https://pkg.pr.new/@tiptap/extension-strike@7359

@tiptap/extension-subscript

npm i https://pkg.pr.new/@tiptap/extension-subscript@7359

@tiptap/extension-superscript

npm i https://pkg.pr.new/@tiptap/extension-superscript@7359

@tiptap/extension-table

npm i https://pkg.pr.new/@tiptap/extension-table@7359

@tiptap/extension-table-of-contents

npm i https://pkg.pr.new/@tiptap/extension-table-of-contents@7359

@tiptap/extension-text

npm i https://pkg.pr.new/@tiptap/extension-text@7359

@tiptap/extension-text-align

npm i https://pkg.pr.new/@tiptap/extension-text-align@7359

@tiptap/extension-text-style

npm i https://pkg.pr.new/@tiptap/extension-text-style@7359

@tiptap/extension-twitch

npm i https://pkg.pr.new/@tiptap/extension-twitch@7359

@tiptap/extension-typography

npm i https://pkg.pr.new/@tiptap/extension-typography@7359

@tiptap/extension-underline

npm i https://pkg.pr.new/@tiptap/extension-underline@7359

@tiptap/extension-unique-id

npm i https://pkg.pr.new/@tiptap/extension-unique-id@7359

@tiptap/extension-youtube

npm i https://pkg.pr.new/@tiptap/extension-youtube@7359

@tiptap/extensions

npm i https://pkg.pr.new/@tiptap/extensions@7359

@tiptap/html

npm i https://pkg.pr.new/@tiptap/html@7359

@tiptap/markdown

npm i https://pkg.pr.new/@tiptap/markdown@7359

@tiptap/react

npm i https://pkg.pr.new/@tiptap/react@7359

@tiptap/pm

npm i https://pkg.pr.new/@tiptap/pm@7359

@tiptap/starter-kit

npm i https://pkg.pr.new/@tiptap/starter-kit@7359

@tiptap/static-renderer

npm i https://pkg.pr.new/@tiptap/static-renderer@7359

@tiptap/suggestion

npm i https://pkg.pr.new/@tiptap/suggestion@7359

@tiptap/vue-2

npm i https://pkg.pr.new/@tiptap/vue-2@7359

@tiptap/vue-3

npm i https://pkg.pr.new/@tiptap/vue-3@7359

@tiptap/extension-character-count

npm i https://pkg.pr.new/@tiptap/extension-character-count@7359

@tiptap/extension-dropcursor

npm i https://pkg.pr.new/@tiptap/extension-dropcursor@7359

@tiptap/extension-focus

npm i https://pkg.pr.new/@tiptap/extension-focus@7359

@tiptap/extension-gapcursor

npm i https://pkg.pr.new/@tiptap/extension-gapcursor@7359

@tiptap/extension-history

npm i https://pkg.pr.new/@tiptap/extension-history@7359

@tiptap/extension-list-item

npm i https://pkg.pr.new/@tiptap/extension-list-item@7359

@tiptap/extension-list-keymap

npm i https://pkg.pr.new/@tiptap/extension-list-keymap@7359

@tiptap/extension-placeholder

npm i https://pkg.pr.new/@tiptap/extension-placeholder@7359

@tiptap/extension-table-cell

npm i https://pkg.pr.new/@tiptap/extension-table-cell@7359

@tiptap/extension-table-header

npm i https://pkg.pr.new/@tiptap/extension-table-header@7359

@tiptap/extension-table-row

npm i https://pkg.pr.new/@tiptap/extension-table-row@7359

@tiptap/extension-task-item

npm i https://pkg.pr.new/@tiptap/extension-task-item@7359

@tiptap/extension-task-list

npm i https://pkg.pr.new/@tiptap/extension-task-list@7359

commit: d9b87aa

Copy link
Member

@bdbch bdbch left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Quick question from my side.

@Aslam97 Aslam97 merged commit 5f568dc into develop Jan 12, 2026
17 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants