[Block Editor]: Preview Image Missing After Saving a New Contentlet

[nicobytes]

Problem Statement

When adding a new contentlet in the block content editor, the preview image is correctly shown during creation. However, after saving, the preview image disappears across all contentlet types.

Steps to Reproduce

1. Create a new blog
2. Use the block content editor
3. Add a new contentlet (e.g., Product or Activity).
4. Verify the preview image appears as expected.
5. Save the contentlet.
6. Observe that the preview image is no longer visible.

Acceptance Criteria

• [ ] Preview images remain visible after saving a newly added contentlet.
• [ ] This behavior is consistent across all contentlet types.
• [ ] No regressions are introduced in existing image display or caching logic.

dotCMS Version

latest

Proposed Objective

Code Maintenance

Proposed Priority

Priority 4 - Trivial

External Links... Slack Conversations, Support Tickets, Figma Designs, etc.

No response

Assumptions & Initiation Needs

No response

Quality Assurance Notes & Workarounds

No response

Sub-Tasks & Estimates

No response

[rjvelazco]

Is this still happening, @nicobytes ? If so, upload a video.

[github-actions[bot]]

PRs linked to this issue

• fix(block-editor): Check for Image Field on Thumbnail by @zJaaal

PRs linked to this issue

• fix(block-editor): Check for Image Field on Thumbnail by @zJaaal
• fix(contentlet-thumbnail): enhance image url creation by @zJaaal

[jpgdotcms]

QA Failed

Attached a video with a bug related with some URLs not being built correctly:

https://github.com/user-attachments/assets/6ec1bf77-18f6-4d4c-8a8e-6cb56294564f

[rjvelazco]

Failed QA

• Docker image: [dotcms/dotcms:trunk_60cbc3f]

Steps to Reproduce

1. Create a Block Editor content item.
2. Add a PDF contentlet.
3. Close the Content Editor.
4. Reopen the same content item.
5. Observe the error.

The image from the PDF is missing.

Video

https://github.com/user-attachments/assets/e40b3b28-0185-415d-b638-92232bb3eec7

[zJaaal]

Failed QA

* Docker image: [`dotcms/dotcms:trunk_60cbc3f`]

Steps to Reproduce

1. Create a Block Editor content item.

2. Add a PDF contentlet.

3. Close the Content Editor.

4. Reopen the same content item.

5. Observe the error.

The image from the PDF is missing.

Video

video.mov

I gave a deeper look at it and turns out we have missing properties on the Block Editor response for Contentlets. I left the details on this ticket

The issue found by this QA is not related to my fix and we can tackle it down in the issue I shared

[rjvelazco]

Thanks, @zJaaal !

[rjvelazco]

Passed QA

• Docker image: [dotcms/dotcms:trunk_60cbc3f]

The PDF issue will be handle in a separated card

Video

https://github.com/user-attachments/assets/e40b3b28-0185-415d-b638-92232bb3eec7