Review the link popup code

Oct 13, 2025 by miodeya.com 73 views

Issue Summary

When typing @ in the Koenig editor, a link popup should open, allowing users to either paste an URL or select a recent post. However, in Firefox, this link popup fails to appear, and typing a second @ causes the page to freeze and eventually crash. This issue is not present in Chrome, but typing @ followed by backspace and then another @ can also cause the page to freeze.

Problem Description

The problem arises when a user types @ in the Koenig editor, which is a feature designed to provide a link popup for easy URL insertion or recent post selection. However, in Firefox, this link popup does not appear, and the only indication of an issue is the browser's warning message indicating that the page is slowing down Firefox.

Steps to Reproduce

To reproduce this issue, follow these steps:

Firefox

Open a new Ghost editor page in Firefox.
Type @. No link popup shows up.
Type another @. Page freezes and Firefox will add the mentioned banner.

Chrome

Open a new Ghost editor page in Chrome.
Type @. The link popup shows up correctly.
Press backspace.
Type another @. The page will freeze.
Wait a bit. The tab's memory usage will go up significantly.

Environment Details

Ghost Version

Version: 5.111.0

Node.js Version

Version: 20

How did you install Ghost?

Custom docker image (Ubuntu 24.04, Ghost installed via Ghost CLI)

Database type

MySQL 8

Browser & OS version

Firefox 136.0, Ubuntu 24.04

Relevant log / error output

# No console errors are thrown

Code Analysis

The code responsible for the link popup feature is not provided in the given information. However, based on the description, it appears that the issue might be related to the way the link popup is triggered or handled in Firefox. The fact that Chrome also freezes when typing @ followed by backspace and then another @ suggests that there might be a common issue with the way the link popup is closed or reopened.

Possible Solutions

To resolve this issue, the following possible solutions can be explored:

Review the link popup code: Investigate the code responsible for the link popup feature and ensure that it is correctly implemented and handles the @ key press event.
Check for browser-specific issues: Verify that the link popup code is not causing any browser-specific issues, such as memory leaks or crashes.
Implement a workaround: Consider implementing a workaround to prevent the page from freezing when typing @ followed by backspace and then another @.

Conclusion

Q: What is the link popup feature in the Koenig editor?

A: The link popup feature in the Koenig editor is a feature that allows users to easily insert a URL or select a recent post by typing @ in the editor.

Q: Why is the link popup not working in Firefox?

A: The link popup is not working in Firefox because of a bug that causes the page to freeze and eventually crash when typing @ in the editor.

Q: Is this issue specific to Firefox?

A: No, this issue is not specific to Firefox. However, it is more pronounced in Firefox, and the page freezes and crashes more frequently.

Q: What happens when I type `@` in Chrome?

A: When you type @ in Chrome, the link popup appears correctly. However, if you press backspace to close the link popup and then type another @, the page will freeze.

Q: What are the possible causes of this issue?

A: The possible causes of this issue include:

A bug in the link popup code that causes the page to freeze and crash.
A browser-specific issue that affects Firefox and Chrome.
A memory leak or other performance issue that causes the page to freeze.

Q: How can I troubleshoot this issue?

A: To troubleshoot this issue, you can try the following steps:

Review the link popup code to ensure that it is correctly implemented.
Check for browser-specific issues that may be causing the problem.
Use debugging tools to identify any memory leaks or performance issues.

Q: What are the possible solutions to this issue?

A: The possible solutions to this issue include:

Reviewing the link popup code to ensure that it is correctly implemented.
Implementing a workaround to prevent the page from freezing when typing @ followed by backspace and then another @.
Checking for browser-specific issues that may be causing the problem.

Q: Can I report this issue to the Ghost team?

A: Yes, you can report this issue to the Ghost team by creating a new issue on the Ghost GitHub repository. Be sure to include as much detail as possible, including the steps to reproduce the issue and any relevant error messages.

Q: How can I stay up-to-date with the latest developments on this issue?

A: To stay up-to-date with the latest developments on this issue, you can:

Follow the Ghost GitHub repository to receive notifications about new issues and updates.
Check the Ghost blog for updates on the latest features and bug fixes.
Join the Ghost community forum to discuss this issue with other users and developers.