#9671 Context menu works wrong for embedded Ketcher

[Copilot]

How the feature works? / How did you fix the issue?

Embedded Ketcher was handling contextmenu too broadly: right-clicks outside the editor were getting suppressed, and the suppression could remain after the editor was unmounted. This change scopes the handler to the active Ketcher root only, so host-page context menus work normally outside the editor and after teardown.

• Context menu scoping

  • Ignore contextmenu events unless the event target belongs to the current connected Ketcher root.
  • Fall back to canvas containment only when no connected root is available.

• Unmount safety

  • Treat a detached root as inactive, preventing a stale listener from suppressing host-page right clicks after Ketcher is removed.

• Regression coverage

  • Added unit coverage for:
    • events outside the Ketcher root
    • events after the Ketcher root is removed
    • existing inside-Ketcher right-click behavior

let isEventInsideKetcher = false;

if (eventTarget instanceof Node) {
  const connectedRoot = this.ketcherRootElement?.isConnected
    ? this.ketcherRootElement
    : null;

  if (connectedRoot) {
    isEventInsideKetcher = connectedRoot.contains(eventTarget);
  } else if (this.canvas.isConnected) {
    isEventInsideKetcher = this.canvas.contains(eventTarget);
  }
}

if (!isEventInsideKetcher) {
  return;
}

Check list

• unit-tests written
• e2e-tests written
• documentation updated
• PR name follows the pattern #1234 – issue name
• branch name doesn't contain '#'
• PR is linked with the issue
• base branch (master or release/xx) is correct
• task status changed to "Code review"
• reviewers are notified about the pull request