Drag and drop markup not rendering editable content

[seanlail]

Actual Behaviour

I've created a template in code following the docs here: https://docs.sendgrid.com/ui/sending-email/editor#importing-custom-html-with-drag-and-drop-markup

According to the document I can create an email template in HTML but still let my colleagues use the Design Editor to fill in content.

I've done a simple test with a text module and set the inner content to [MODULE CONTENT] but there are a few issues when I try to create a Single Send with the Design Editor:

• All my body / global styles have been removed
• I don't see a text module, only one Code module

Expected Behaviour

When a user creates a Single-Send based on our template using the Design Editor they can can edit a placeholder for the text module and the email is already correctly styled.

Steps to reproduce it

There are 2 ways I have tried (expand for details)

First way follows the docs exactly

• Read https://docs.sendgrid.com/ui/sending-email/editor#importing-custom-html-with-drag-and-drop-markup
• Go to "Design Library"
• Click "Create Email Design"
• Select "Design Editor"
• Navigate to the "Build" tab in the left-hand navigation.
• Scroll down and select the "Advanced" drop-down menu.
• Expand the option titled Import Drag & Drop HTML.
• Click "Import". A window opens where you can paste in your own HTML.
• Paste in HTML based on docs https://gist.github.com/seanlail/ada397e421bdc58e51331c79916218f0
• click "Import"
• Click "Save"
• Go to Design Library
• "Preview" new template
• Click "Create Single Send"
• Select "Design Editor"

Second way with Code Editor

• Read https://docs.sendgrid.com/ui/sending-email/editor#importing-custom-html-with-drag-and-drop-markup
• Go to "Design Library"
• Click "Create Email Design"
• Select "Code Editor"
• Paste in HTML based on docs https://gist.github.com/seanlail/ada397e421bdc58e51331c79916218f0
• Click "Save"
• Go to Design Library
• "Preview" new template
• Click "Create Single Send"
• Select "Design Editor"

Screenshots of the issue

Would you like to work on the issue?

I've contacted support directly but was told:
"We guide our customers who want to explore more alternatives and implementations through code to raise a question on our Github channel so our devs can assist."

What am I doing wrong?
Is the documentation for the Drag and Drop modules wrong / missing something?
How can I help?