Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS inline-block in Firefox causes empty hyperlinks #2687

Open
mendhak opened this issue Apr 15, 2024 · 0 comments
Open

CSS inline-block in Firefox causes empty hyperlinks #2687

mendhak opened this issue Apr 15, 2024 · 0 comments
Labels

Comments

@mendhak
Copy link

mendhak commented Apr 15, 2024

If there is a style that sets links to inline-block, then when creating links using EditorJS, the link data becomes empty.

That is, if this exists:

a {
  display: inline-block;
}

Then links are not created properly, they are just <a>text</a> without href.

Steps to reproduce:

  1. In Firefox, go to this JSFiddle which has a reproducible example: https://jsfiddle.net/oax3esyv/2/
  2. Click on the "link me" text and make it a hyperlink.
  3. Check the output or the console, and notice that the data becomes "text": "<a>Link</a> me.<br>"

Expected behavior:

Output should be "text": "<a href=\"https://example.com\">Link</a> me.<br>"

Screenshots:
image
image

Device, Browser, OS: Ubuntu 22.04 or Windows 11, Firefox (124.0.2)

Editor.js version: 2.29.1

Plugins you use with their versions: None.

@mendhak mendhak added the bug label Apr 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant