No line breaks before/after visuals in lists

[wajihaparvez]

Describe the bug

Specifically noticed this in images/GIFs that are in lists. The + before/after visuals in the old system haven't been imported, so in V3, some visuals appear on the same lines as text. Is there a way to automatically add a <br> or something?

From Create a dashboard:

From Create visualizations with Lens:

From Create a simple dashboard to monitor website logs:

Expected behavior

Visuals should appear on separate lines.

Steps to reproduce

No response

Tooling

• docs-builder
• migration tooling
• I'm not sure

[bmorelli25]

This will require more discussion. Based on the syntax I'm seeing, the migration tooling looks correct:

* To add fields, open the {{data-source}} dropdown, then select **Add a field to this {{data-source}}**.

    ![Dropdown menu located next to {{data-source}} field with items for adding and managing fields](images/lens_dataViewDropDown_8.4.0.png "")

    For more information about adding fields to {{data-sources}} and examples, refer to [Explore your data with runtime fields](managing-data-views.md#runtime-fields).

Whether or not that should build the following (no line break after image) is the part that needs to be figured out.