CMS Editor does not display the images inside a numbered list in the right panel of the CMS editor.

[choukden]

Mark Van Silfhout reported an issue with the CMS editor when inserting images inside a numbered list: the images do not appear in the preview (right panel) in the CMS editor.

Note:
• Images outside a numbered list do show in the right panel of the editor.
• Images inserted inside a bullet list of items do show in the right panel of the editor.
• the Netlify Preview renders the images that are inserted inside the numbered list items correctly.

I have tried the same using the CMS as a non-admin user (see PR and preview below), and I also noticed the same. It is weird behavior, isn’t it?

I am almost sure that this issue did not occur in a past (I think before the Gatsby upgrade). I think authors were able to see the inserted images in the right panel of the CMS editor. As an example, if you looks at the blog post (submitted on April 8 before Gatsby upgrade on Production env) from Ron Dharma (Getting started with HPE GreenLake API for Backup and Recovery), and open it in the CMS editor, you will see a series of images inserted inside a list of numbered items, and the images are shown in the right panel of the CMS editor.

PR: #2511
Preview : https://deploy-preview-2511--hpe-dev-portal.netlify.app/blog/this-is-a-test-from-denis/

Thanks for looking ino this issue when time permits,
Denis