Failed images cannot be deleted

[danroot]

When an image load fails for any reason, a "spinner" is shown indefinitely and the UI toggle is never shown. This means the user cannot delete the problem image.

To Reproduce:

• Upload an image and save
• Delete the image from the backend. This results in a 404, but similar could happen if an invalid image is uploaded, the uploader endpoints do something wrong, etc.
• Reload the page
• Observe the image shows 'loading' indicator indefinitely and the editorjs menu is never shown, meaning the image cannot be deleted via the UI.

Expected behavior is that the image shows a failed indicator and the editorjs menu for the block is still shown, allowing the user to delete and try again.

I believe the root cause is just that only "loaded" is being handled, not "error". Adding event handling should help, or making it such that the editorjs menu is not contingent on the block to finish loading.

[pranavmappoli]

@danroot got any solution ?

[pranavmappoli]

The image is showing on top while hovering the failed image, please see the screenshot below

see the option on top right corner

[pranavmappoli]

@neSpecc Can you help here

[ANTOJESSI]

@pranavmappoli

.image-tool--uploading .image-tool__image {
  display: none !important;  
}

Try adding this to the css.

This helps hide the preloader or spinner .

[CristinaFores]

I'm experiencing the same issue. When I cancel the image upload, the same problem occurs. Thanks! 🙌

https://github.com/user-attachments/assets/c821c275-bc05-4457-8ce8-949404063154

[nikitaplanet]

I had the same issue. Success uploaded image, but doesn't show the image and keep display loading. Is any solution here?

[andrii-petlovanyi]

Tha same problem, after skip select file spinner show on page(

[neSpecc]

Seems outdated