Editor: HTML code inside shortcodes does not show up in the Visual editor

[designsimply]

The editor appears to interpret html inside shortcodes when it shouldn't.

Example shortcode:

[wpcomideas tags='242' status='open' limit='25' before='
<ul style="list-style-type: none;">' after='</ul>']

In the Visual tab, you cannot see <ul> markup:

Here's how the same shortcode looks in the HTML tab:

From kriskarkoski

WP Admin doesn't seem to handle it any better.

[designsimply]

Steps to reproduce:

1. Go to My Sites > Blog Posts > Add.
2. Switch to HTML mode.
3. Add any shortcode which contains HTML.
4. Switch to Visual mode.

Result: I expected the HTML to look the same in both HTML and Visual but the HTML is interpreted in Visual even though it's inside a shortcode.

Sample code:

[quiz]
[question]<ul style="list-style-type: disc;"><li>Insert Question here</li></ul>[/question]
[/quiz]

Another sample shortcode:

[wpcomideas tags='242' status='open' limit='25' before='
<ul style="list-style-type: none;">' after='</ul>']

HTML mode:

^{Seen at https://wordpress.com/post/design5279.wordpress.com/11657 using Firefox 57.0.1 on macOS 10.13.2.}

Visual mode:

^{Seen at https://wordpress.com/post/design5279.wordpress.com/11657 using Firefox 57.0.1 on macOS 10.13.2.}

[designsimply]

#bug-scrub #pre-gutenburg-bug-purge

Closing due to inactivity and because it is a minor issue. Please re-open if it comes up again!