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

Uploading 2 images in a row (among other actions) crashes editor interface #1826

Open
3-w-c opened this issue Apr 10, 2024 · 4 comments
Open
Labels
needs-investigation Potential bug. Needs investigation

Comments

@3-w-c
Copy link

3-w-c commented Apr 10, 2024

Version:

  • listmonk: 3.0.0
  • OS: Debian 11 (server), various (client)

Description of the bug and steps to reproduce:

Campaign content editor interface crashes, especially after trying to insert 2 images consecutively.

  1. Deploy a listmonk instance (docker swarm config here: https://git.coopcloud.tech/coop-cloud/listmonk/src/branch/main/compose.yml, manually set SMTP details and uploads path in admin)
  2. Create a new campaign
  3. Edit campaign content
  4. Click insert » image, upload from local computer
  5. Click the image upload toolbar button

Then, the interface crashes, preventing further edits, scrolling or saving.

No errors are shown in the browser console or network tab of developer tools.

Uploading images is the most reliable way to reproduce this problem, but it also happens sometimes when inserting a link, sometimes when trying to bold some text, etc.

I looked for similar issues in the bugtracker here but couldn't find any.

Screenshots:

The interface post-crash:

image

Video demonstration: https://nextcloud.autonomic.zone/s/n4DCa9CpTcr3J2n

@3-w-c 3-w-c added the bug Something isn't working label Apr 10, 2024
@3-w-c 3-w-c changed the title Uploading 2 images in a row (among other actions) Uploading 2 images in a row (among other actions) crashes editor interface Apr 10, 2024
@knadh
Copy link
Owner

knadh commented Apr 11, 2024

Hi @3-w-c. The editor component is TinyMCE.

On Firefox 123, I am unable to reproduce this issue though. The below screenshot shows two images (2K resolution) which I inserted and resized. I am able to insert more images without any slowdown or freezing of the editor.
image

  • Which browser are you using?
  • Are the images very large in size (MBs)? I don't know if there's a specific size after which TinyMCE grinds to a halt. This could be a bug in TinyMCE that's triggered by a certain condition.
  • Are there any browser plugins that may be interfering?

@knadh knadh added needs-investigation Potential bug. Needs investigation and removed bug Something isn't working labels Apr 11, 2024
@3-w-c
Copy link
Author

3-w-c commented Apr 11, 2024

Thanks for reply @knadh!

Which browser are you using?

Happens on both Firefox and Chromium.

Are the images very large in size (MBs)?

No, the image in the screenshot of the shells is 22 kb.

Are there any browser plugins that may be interfering?

It happens with a chromium profile with no active plugins.

@knadh
Copy link
Owner

knadh commented Apr 13, 2024

hm, I'm unable to reproduce this on Firefox 123 or Chromium 123.

image

It would be great if someone else could confirm.

  • @3-w-c this happens the moment you upload any two images?
  • Does this happen on a new campaign or only when a campaign has a specific body?

@3-w-c
Copy link
Author

3-w-c commented Apr 13, 2024

Thanks for trying @knadh 🙏

@3-w-c this happens the moment you upload any two images?

Yes.

Does this happen on a new campaign or only when a campaign has a specific body?

New campaign: no.

However, if I copy/paste the HTML from a problematic campaign into the new campaign, then the problem starts happening again.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs-investigation Potential bug. Needs investigation
Projects
None yet
Development

No branches or pull requests

2 participants